@charset "UTF-8";
/*
 * 去掉height:100%;定义sss
 * -webkit-text-size-adjust:none会导致页面缩放文字失效
 * background-color:#FFF,html元素设置了背景色会导致body的背景色不能100%高度覆盖
 * 把白色背景色定义在html上，定义这个背景色的目的是，修复一些浏览器中设置了浏览器保护色
 * overflow-y:scroll定义在被iframe引用的页面就强制带滚动条
 * */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%; }

body {
    word-wrap: break-word;
    cursor: default;
    font-family: "microsoft yahei"; }

body {
    color: #171920;
    background: #f5f7f9; }

/*
 * :focus{outline:0}定义后按tab键在连接间跳转没有标识当前连接的外轮廓点线
 * :active{outline:0;}
 * :visited{outline:0;}
 * */
a {
    cursor: pointer;
    outline: 0 none;
    color: #171920; }

:active {
    outline: 0; }

:visited {
    outline: 0; }

:link, :visited, ins {
    text-decoration: none; }

[hidden] {
    display: none; }

body {
    margin: 0; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0; }

fieldset, iframe {
    border: 0 none; }

img {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle; }

address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal; }

h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub, small, input, button, textarea, select {
    font-size: 100%;
    font-weight: normal; }

abbr, acronym {
    border: 0 none;
    font-variant: normal; }

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit; }

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical; }

textarea, input, select {
    outline: 0 none; }

ol, ul, li, menu {
    list-style: none outside none; }

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

td {
    vertical-align: top; }

caption, th {
    text-align: left; }

sup {
    vertical-align: text-top; }

sub {
    vertical-align: text-bottom; }

blockquote, q {
    quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

mark {
    background-color: #FF6; }

del {
    text-decoration: line-through; }

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }

input, select, button {
    vertical-align: middle; }

button {
    width: auto;
    cursor: pointer;
    overflow: visible; }

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box; }

button::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
    border: 0 none;
    padding: 0; }

body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.clearfix {
    /* If supporting IE 6/7 */
    *zoom: 1; }
.clearfix:before, .clearfix:after {
    content: "";
    display: table; }
.clearfix:after {
    clear: both; }

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis; }

.left {
    float: left; }

.right {
    float: right; }

.price, .price-old {
    font-family: "Arial"; }

.price, .price-new {
    color: #f44130; }
.price span, .price-new span {
    font-family: "microsoft yahei"; }

.price-old {
    color: #CCCCCC;
    text-decoration: line-through; }

.ornament-arrow {
    display: inline-block;
    *display: inline;
    width: 0px; }

.ornament-arrow.up {
    border-top: 0 solid transparent !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 7px solid; }

.ornament-arrow.down {
    border-bottom: 0 solid transparent !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 7px solid; }

.ornament-arrow.gray {
    border-color: #cfd1d6; }

.ornament-arrow.blue {
    border-color: #649cf0; }

.ornament-arrow.blue2 {
    border-color: #b6bdd1; }

.ornament-dot1 {
    width: 15px;
    height: 15px;
    background: #649cf0;
    border: 2px solid #ffffff;
    border-radius: 50%; }

.ornament-dot2 {
    width: 10px;
    height: 10px;
    background: #649cf0;
    border: 2px solid #ffffff;
    border-radius: 50%; }

.icon {
    display: inline-block;
    *display: inline;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }

.icon-checkbox {
    width: 16px;
    height: 16px;
    background-image: url(../images/checkbox@2x.png); }

.icon-checkbox--select {
    width: 16px;
    height: 16px;
    background-image: url(../images/checkbox2@2x.png); }

.container {
    width: 1180px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px; }

.container-left {
    float: left;
    width: 880px;
    background: #ffffff; }
.container-left .block {
    *width: 880px;
    width: 880px\0; }

.container-right {
    float: right;
    width: 280px;
    background: #ffffff; }
.container-right .block {
    *width: 280px;
    width: 280px\0; }

.block {
    width: 100%;
    *width: 1200px;
    width: 1200px\0;
    margin-bottom: 20px; }
.block .block-title {
    margin: 0 20px;
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0; }
.block .block-body {
    padding: 0; }

.col-1 {
    width: 1140px;
    padding: 0 20px; }

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse; }
table thead {
    background: #333333;
    color: #ffffff;
    height: 35px;
    line-height: 35px; }
table thead td {
    border: 1px solid #333333;
    text-align: center; }
table tr {
    margin: 0;
    padding: 0; }
table tbody td {
    border: 1px solid #dddddd;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0;
    padding: 10px;
    line-height: 20px; }

.img {
    display: block;
    background: #dddddd; }

.img-circle {
    border-radius: 50%; }

.title.h1 {
    width: 100%;
    height: 24px;
    line-height: 24px;
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700; }
.title.h1 .more {
    font-size: 12px;
    float: right;
    color: #9598a2;
    cursor: pointer; }
.title.h1 .more a {
    color: #9598a2; }
.title.h1 .more .icon {
    vertical-align: sub; }
.title.h1 .more .icon-more-hover {
    display: none; }
.title.h1 .more:hover {
    color: #649cf0; }
.title.h1 .more:hover a {
    color: #649cf0; }
.title.h1 .more:hover .icon-more {
    display: none; }
.title.h1 .more:hover .icon-more-hover {
    display: inline-block;
    *display: inline; }

.title.h4 {
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 16px; }

.h1 {
    font-size: 24px;
    line-height: 1; }

.h2 {
    font-size: 20px;
    line-height: 1; }

.h3 {
    font-size: 18px;
    line-height: 1; }

.h4 {
    font-size: 16px;
    line-height: 1; }

.h5 {
    font-size: 14px;
    line-height: 1; }

.h6 {
    font-size: 12px;
    line-height: 1; }

.gray {
    color: #9598a2 !important; }

.tag {
    height: 18px;
    font-size: 12px;
    display: inline-block;
    *display: inline;
    line-height: 18px;
    padding: 0 4px;
    border-radius: 3px;
    color: #9598a2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    max-width: 100px; }

.tag-red {
    color: #f44130; }

.tag-red--full {
    background: #f44130;
    color: #ffffff; }

.tag-blue {
    color: #649cf0; }

.tag-blue-full {
    background: #649cf0;
    color: #ffffff; }

.tag-big {
    height: 24px;
    line-height: 24px; }

.courseTag {
    float: left;
    background: #ffffff;
    padding: 20px;
    position: relative;
    transition: all .3s;
    transform: translateY(0); }
.courseTag:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1); }
.courseTag .icon-fenghui {
    display: none; }
.courseTag .course-title {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    margin-top: -4px;
    margin-bottom: 16px;
    min-height: 52px;
    overflow: hidden; }
.courseTag .course-subtitle {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: -3px;
    color: #9598a2;
    position: relative; }
.courseTag .course-subtitle .people-num {
    float: right; }
.courseTag .course-subtitle .tag {
    float: left;
    margin-right: 7px; }
.courseTag .course-tags {
    margin-bottom: 30px;
    margin-right: 5px; }
.courseTag .course-tags .tag {
    float: left;
    margin-right: 5px; }
.courseTag .tagUser {
    margin-bottom: 30px; }
.courseTag .button-group .button {
    display: inline-block;
    *display: inline; }
.courseTag .button-group .btn1 {
    float: left; }
.courseTag .button-group .btn2 {
    float: right; }
.courseTag .button-group {
    *margin-top: 20px; }
.courseTag .count-down,
.courseTag .course-alert {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    padding-top: 13px;
    padding-bottom: 17px;
    border-top: 1px solid #f0f0f0;
    color: #9598a2; }
.courseTag .count-down span,
.courseTag .course-alert span {
    color: #f44130; }
.courseTag .course-price {
    font-size: 12px;
    line-height: 12px;
    color: #9598a2; }
.courseTag .course-price span {
    color: #f44130;
    float: right;
    font-size: 24px;
    *font-size: 12px; }
.courseTag .course-price span i {
    font-size: 16px; }

.courseTag-normal {
    width: 240px;
    height: 290px; }

.courseTag-fenghui .icon-fenghui {
    position: absolute;
    right: 0;
    top: 20px;
    display: block; }

.courseTag-fenghui .course-title {
    width: 80%; }

.courseTag-empty * {
    display: none; }

.courseTag-empty .icon-empty,
.courseTag-empty .empty-txt {
    display: block !important;
    margin: auto;
    text-align: center;
    color: #e4e9ed; }

.courseTag-empty .icon-empty {
    margin-top: 80px;
    margin-bottom: 5px; }

.courseTag--hot {
    height: 300px; }
.courseTag--hot .course-tags {
    margin-bottom: 20px; }
.courseTag--hot .course-tags .tag {
    height: 24px;
    line-height: 24px; }
.courseTag--hot .course-title {
    margin-bottom: 20px; }
.courseTag--hot .course-subtitle {
    margin-bottom: 30px;
    height: 14px;
    line-height: 14px;
    margin-top: 0; }
.courseTag--hot .tagUser-group .tagUser {
    margin-bottom: 20px; }
.courseTag--hot .course-alert {
    padding-top: 14px;
    padding-bottom: 18px; }

.tagUser {
    display: inline-block;
    *display: inline;
    text-align: center;
    font-size: 14px;
    height: 68px; }
.tagUser img {
    display: block;
    margin: auto;
    margin-bottom: 6px; }
.tagUser span {
    color: #9598a2; }

.tagUser {
    *display: inline; }

.tagUser.tagUser-horizontal {
    height: 40px;
    position: relative; }
.tagUser.tagUser-horizontal img, .tagUser.tagUser-horizontal span {
    display: inline-block; }
.tagUser.tagUser-horizontal img {
    *display: inline; }
.tagUser.tagUser-horizontal span {
    position: relative;
    top: -4px;
    *display: inline; }

.tagUser-group .tagUser {
    float: left;
    margin-right: 17px; }

.tagUser-group .tagUser {
    *width: 74px;
    *margin-top: -10px; }

.avatar {
    background: #f4f4f4;
    display: inline-block;
    *display: inline; }

.avatar-normal {
    width: 40px;
    height: 40px; }

.avatar-horizontal img, .avatar-horizontal span {
    display: block; }

.float-window {
    position: fixed;
    width: 50px;
    right: 10px;
    top: 40%;
    font-size: 14px;
    z-index: 9999; }
.float-window li {
    width: 32px;
    height: 32px;
    background: #9598a2;
    margin-bottom: 3px;
    text-align: center;
    padding: 9px;
    line-height: 17px;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
.float-window li a {
    color: #ffffff; }
.float-window li:hover {
    background: #649cf0; }
.float-window li:hover div {
    display: block; }
.float-window li div {
    width: 102px;
    padding: 5px;
    display: none;
    position: absolute;
    top: 0;
    left: -112px;
    background: #649cf0;
    color: #ffffff;
    font-size: 12px; }
.float-window li div img {
    width: 101px;
    height: 101px;
    background: #f0f0f0;
    display: block;
    margin-bottom: 9px; }
.float-window li div span {
    display: block;
    line-height: 20px;
    margin-bottom: 4px; }

.block-banner {
    height: 236px;
    width: 100%;
    background: #eeeeee;
    margin-bottom: 20px; }
.block-banner img {
    background: #6d6b6b;
    width: 100%;
    height: 100%; }

/* banner */
.pdy-banner-left {
    background: url("http://www.hqwx.com/assets/images/banner-left.png") no-repeat 0 0 !important; }

.pdy-banner-right {
    background: url("http://www.hqwx.com/assets/images/banner-right.png") no-repeat 0 0 !important; }

.pdy-banner-lefth, .pdybanner .pdy-banner-left:hover {
    background: url("http://www.hqwx.com/assets/images/banner-lefth.png") no-repeat 0 0 !important; }

.pdy-banner-righth, .pdybanner .pdy-banner-right:hover {
    background: url("http://www.hqwx.com/assets/images/banner-righth.png") no-repeat 0 0 !important; }

.pdybanner {
    background: #f5f7f9;
    position: relative;
    overflow: hidden; }

.pdybanner .pdy-banner-left {
    position: absolute;
    left: 10px;
    margin-left: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }

.pdybanner:hover .pdy-banner-left {
    display: block; }

.pdybanner .pdy-banner-right {
    position: absolute;
    right: 10px;
    margin-left: 0;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }

.pdybanner:hover .pdy-banner-right {
    display: block; }

.pdybanner .pdy_banner_pic {
    height: 100%; }

.pdybanner .pdy_banner_pic a {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #f5f7f9; }

.pdybanner .pdy_banner_choose {
    text-align: center;
    width: 280px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -140px;
    font-size: 0px; }

.pdybanner .pdy_banner_choose li {
    width: 26px;
    height: 13px;
    margin: 0 7px;
    display: inline-block;
    background: url(http://s.hqwx.com/statics/home/mall/images/bannern.png) top center no-repeat; }

.pdybanner .pdy_banner_choose li {
    *display: inline; }

.pdybanner .pdy_banner_choose .pdy_choose_now {
    background: url(https://s.hqwx.com/statics/home/mall/images/bannerc.png) top center no-repeat; }

.pdybanner:hover .pdybanner-banner-left, .pdybanner:hover .pdybanner-banner-right {
    display: block; }

.slider-block {
    width: 733px; }
.slider-block .slider-container {
    width: 676px;
    height: 205px;
    overflow: hidden;
    position: relative;
    float: left;
    font-size: 0; }
.slider-block .slider-container .book-tag {
    margin-right: 24px; }
.slider-block .slider-container .ui-checkbox {
    float: left;
    margin-top: 22px;
    margin-right: 10px;
    *margin-top: 19px;
    *border: 1px solid #dddddd;
    *width: 16px;
    *height: 16px;
    margin-top: 19px\0;
    border: 1px solid #dddddd \0;
    width: 16px\0;
    height: 16px\0; }
.slider-block .block-wrap {
    width: auto;
    height: 100%;
    position: absolute;
    transition: all .5s;
    left: 0;
    white-space: nowrap; }
.slider-block .prev, .slider-block .next {
    height: 78px;
    width: 18px;
    border: 1px solid #EFEFF0;
    position: relative;
    cursor: pointer;
    margin-top: 20px; }
.slider-block .prev:hover, .slider-block .next:hover {
    background: #EFEFF0; }
.slider-block .prev .icon, .slider-block .next .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -7px; }
.slider-block .prev.disabled,
.slider-block .next.disabled {
    cursor: unset; }
.slider-block .prev.disabled:hover,
.slider-block .next.disabled:hover {
    background: #ffffff; }
.slider-block .prev {
    margin-right: 17px; }

.button {
    display: inline-block;
    border: 1px solid #e5e8f0;
    text-align: center;
    border-radius: 50px;
    color: #9598a2;
    padding: 0 10px;
    cursor: pointer; }

.button-24h {
    height: 22px;
    line-height: 22px;
    font-size: 14px; }

.button-28h {
    height: 26px;
    line-height: 26px;
    font-size: 14px; }

.button-40h {
    height: 38px;
    line-height: 38px;
    font-size: 16px; }

.button-87w {
    width: 65px; }

.button-154w {
    width: 134px; }

.button-110w {
    width: 88px; }

.button-disabled {
    border: 1px solid #dddfe8;
    color: #ffffff;
    background-color: #dddfe8; }

.button-normal {
    border: 1px solid #e5e8f0;
    color: #9598a2; }

.button-default {
    border: 1px solid #649cf0;
    color: #649cf0; }
.button-default:hover {
    background-color: #649cf0;
    border: 1px solid #649cf0;
    color: #ffffff; }

.button-primary {
    color: #ffffff;
    background-color: #649cf0;
    border: 1px solid #649cf0; }
.button-primary:hover {
    background-color: #4187f0;
    border: 1px solid #4187f0; }

.button-danger {
    color: #ffffff;
    background-color: #f44130;
    border: 1px solid #f44130; }
.button-danger:hover {
    background-color: #df2d1d;
    border: 1px solid #df2d1d; }

.button-red {
    color: #ffffff;
    background-color: #f44130;
    border: 1px solid #f44130; }
.button-red:hover {
    background-color: #df2d1d;
    border: 1px solid #df2d1d; }

.button-group {
    text-align: center; }
.button-group .button {
    display: inline-block;
    *display: inline; }

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(47, 47, 47, 0.75);
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none; }
.dialog .dialog-container {
    position: absolute;
    width: 350px;
    height: 380px;
    *height: 418px;
    background: #ffffff;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -210px;
    padding: 20px 25px; }

.dialog-bind-phone .dialog-header {
    height: 45px;
    line-height: 45px;
    position: relative; }
.dialog-bind-phone .dialog-header .icon-close {
    position: absolute;
    right: 0;
    top: -10px;
    cursor: pointer; }
.dialog-bind-phone .dialog-header h1 {
    font-size: 24px;
    text-align: center;
    margin-top: 10px; }

.dialog-bind-phone .dialog-container p {
    font-size: 14px;
    color: #9598a2;
    margin-bottom: 18px;
    line-height: 20px; }

.dialog-bind-phone .dialog-container input {
    height: 48px;
    width: 318px;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    padding: 0 10px;
    color: #9598a2; }

.dialog-bind-phone .dialog-container .error-info {
    height: 1px;
    *height: auto;
    color: #f44130; }

.dialog-bind-phone .dialog-container input.error {
    border: 1px solid #f44130; }

.dialog-bind-phone .dialog-container .input-short {
    width: 180px;
    *float: left; }

.dialog-bind-phone .dialog-container .form-group {
    margin: auto;
    margin-bottom: 20px;
    *margin-bottom: 2px;
    width: 340px; }
.dialog-bind-phone .dialog-container .form-group img {
    width: 126px;
    height: 50px;
    display: inline-block;
    *display: inline;
    float: right;
    background: #dddddd;
    cursor: pointer; }
.dialog-bind-phone .dialog-container .form-group .button {
    color: #ffffff;
    height: 48px;
    background: #649cf0;
    border-radius: 0;
    line-height: 48px; }
.dialog-bind-phone .dialog-container .form-group .btn-send {
    width: 104px;
    float: right;
    font-size: 14px; }
.dialog-bind-phone .dialog-container .form-group .btn-send.disabled {
    background: #dcdfe7; }
.dialog-bind-phone .dialog-container .form-group .btn-commit {
    width: 318px;
    font-size: 18px;
    background: #649cf0; }
.dialog-bind-phone .dialog-container .form-group .btn-commit.disabled {
    background: #dcdfe7; }

.dialog-alert.yvyue .dialog-container {
    width: 700px;
    height: 450px;
    margin-left: -370px;
    margin-top: -225px; }
.dialog-alert.yvyue .dialog-container .icon-close {
    position: absolute;
    right: 20px; }
.dialog-alert.yvyue .dialog-container .yvyue-top .p1 {
    text-align: center;
    height: 34px;
    vertical-align: middle;
    line-height: 34px;
    font-size: 24px;
    margin-top: 50px; }
.dialog-alert.yvyue .dialog-container .yvyue-top .p1 .icon-success {
    vertical-align: middle; }
.dialog-alert.yvyue .dialog-container .yvyue-top .p2 {
    text-align: center;
    margin-top: 33px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #f44130; }
.dialog-alert.yvyue .dialog-container .yvyue-top .p3 {
    text-align: center;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    padding-bottom: 68px;
    border-bottom: 1px solid #f0f0f0; }
.dialog-alert.yvyue .dialog-container .yvyue-bottom {
    width: 350px;
    margin: auto;
    margin-top: 30px; }
.dialog-alert.yvyue .dialog-container .yvyue-bottom img {
    float: left;
    margin-right: 20px;
    width: 100px;
    height: 100px; }
.dialog-alert.yvyue .dialog-container .yvyue-bottom p {
    font-size: 16px;
    padding-top: 9px;
    height: 16px;
    float: right;
    width: 230px;
    line-height: 28px; }
.dialog-alert.yvyue .dialog-container .button-group {
    margin-top: 30px; }

.dialog-alert.yvyue-buy .dialog-container {
    width: 400px;
    height: 220px;
    margin-left: -220px;
    margin-top: -130px; }
.dialog-alert.yvyue-buy .dialog-container .icon-close {
    position: absolute;
    right: 20px; }
.dialog-alert.yvyue-buy .dialog-container .yvyue-top p {
    text-align: center;
    height: 16px;
    line-height: 16px;
    font-size: 16px; }
.dialog-alert.yvyue-buy .dialog-container .yvyue-top .p1 {
    margin-top: 57px; }
.dialog-alert.yvyue-buy .dialog-container .yvyue-top .p2 {
    margin-top: 10px; }
.dialog-alert.yvyue-buy .dialog-container .yvyue-bottom {
    margin-top: 70px; }
.dialog-alert.yvyue-buy .dialog-container .yvyue-bottom .button {
    margin: auto;
    display: block; }

.pagination {
    text-align: center;
    margin: 20px 0;
    height: 26px;
    /* If supporting IE 6/7 */
    *zoom: 1; }
.pagination:before, .pagination:after {
    content: "";
    display: table; }
.pagination:after {
    clear: both; }
.pagination ul {
    display: inline-block;
    *display: inline;
    font-size: 14px;
    /* If supporting IE 6/7 */
    *zoom: 1; }
.pagination ul:before, .pagination ul:after {
    content: "";
    display: table; }
.pagination ul:after {
    clear: both; }
.pagination li {
    float: left;
    min-width: 6px;
    height: 6px;
    border-radius: 60px;
    line-height: 6px;
    color: #9598a2;
    padding: 10px 9px;
    margin: 0 5px;
    cursor: pointer; }
.pagination li a {
    color: #9598a2; }
.pagination li.active {
    background: #649cf0;
    color: #ffffff; }
.pagination li.active a {
    color: #ffffff; }
.pagination .home-page,
.pagination .end-page,
.pagination .next,
.pagination .prev {
    padding: 10px 20px;
    background: #ffffff; }

.ui-checkbox {
    width: 16px;
    height: 16px;
    overflow: hidden;
    cursor: pointer; }
.ui-checkbox input {
    display: none; }
.ui-checkbox .icon-checkbox--select {
    display: none; }
.ui-checkbox.active .icon-checkbox--select {
    display: block; }
.ui-checkbox.active .icon-checkbox {
    display: none; }

.icon-fenghui {
    display: block;
    width: 32px;
    height: 20px;
    line-height: 20px;
    background: red;
    color: #ffffff;
    border-radius: 50px 0 0 50px;
    text-align: right;
    padding-right: 4px; }

.icon-plan {
    width: 112px;
    height: 50px;
    background-image: url(../images/icon-plan.png); }

.icon-live {
    background: url(../images/living.png);
    width: 14px;
    height: 14px;
    animation: isLiving 0.6s steps(6) infinite; }

@-webkit-keyframes isLiving {
    0% {
        background-position: 0 0; }
    100% {
        background-position: -108px 0; } }

@keyframes isLiving {
    0% {
        background-position: 0 0; }
    100% {
        background-position: -108px 0; } }

.icon-empty {
    width: 65px;
    height: 60px;
    background-image: url(../images/icon-empty.png); }

.icon-rar {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon-rar.png); }

.icon-pdf {
    width: 50px;
    height: 50px;
    background-image: url(../images/icon-pdf.png); }

.icon-more {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-more.png); }
.icon-more:hover {
    background-image: url(../images/icon-more-hover.png); }

.icon-more-hover {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-more-hover.png); }

.icon-close {
    width: 16px;
    height: 16px;
    background-image: url(../images/icon-close.png); }

.icon-arrow-bottom {
    width: 24px;
    height: 13px;
    background-image: url(../images/icon-arrow-bottom.png); }

.icon-success {
    width: 34px;
    height: 34px;
    background-image: url(../images/icon-success.png); }

.page-liveClassify {
    margin-top: 0; }
.page-liveClassify .block-banner {
    height: 236px;
    width: 100%;
    background: #eeeeee;
    margin-bottom: 20px; }
.page-liveClassify .block-classify {
    overflow: hidden;
    border-bottom: 2px solid #f0f0f0;
    background: #ffffff;
    margin-bottom: 20px; }
.page-liveClassify .block-classify .item {
    width: 1140px;
    padding: 14.5px 0;
    border-top: 1px solid #f0f0f0;
    margin: 0 20px;
    margin-top: -1px;
    font-size: 16px;
    position: relative; }
.page-liveClassify .block-classify .item p, .page-liveClassify .block-classify .item ul {
    display: inline-block;
    *display: inline; }
.page-liveClassify .block-classify .item p {
    line-height: 45px; }
.page-liveClassify .block-classify .item ul {
    float: right;
    width: 1090px; }
.page-liveClassify .block-classify .item li {
    display: inline-block;
    *display: inline;
    font-size: 14px;
    color: #686a71;
    margin: 0 15px;
    cursor: pointer;
    line-height: 45px; }
.page-liveClassify .block-classify .item li:hover {
    color: #649cf0; }
.page-liveClassify .block-classify .item .active {
    color: #649cf0; }
.page-liveClassify .courseTag {
    margin-right: 20px;
    margin-bottom: 20px; }
.page-liveClassify .courseTag:nth-child(4n) {
    margin-right: 0; }
.page-liveClassify .block-course ul {
    overflow: hidden;
    margin-bottom: -20px; }

.page-liveDetail .block-liveInfo {
    width: 1120px;
    height: 138px;
    background: #ffffff;
    padding: 30px 20px 30px 40px; }
.page-liveDetail .block-liveInfo .tag-big {
    margin-bottom: 0;
    font-size: 14px;
    color: #171920;
    background: #ffffff; }
.page-liveDetail .block-liveInfo .tag-all {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 24px; }
.page-liveDetail .block-liveInfo .tag-all span {
    color: #9598A2;
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin-right: 10px;
    overflow: hidden; }
.page-liveDetail .block-liveInfo .tag-all .tag {
    background: #F7F7F7; }
.page-liveDetail .block-liveInfo .tag-all .tag-red {
    color: #f54030;
    background: #FFEFF4; }
.page-liveDetail .block-liveInfo .tag-all .tag-blue {
    color: #649cf0;
    background: #EFF5FF; }
.page-liveDetail .block-liveInfo .live-title {
    margin-bottom: 20px; }
.page-liveDetail .block-liveInfo .live-subtitle {
    color: #171920;
    font-size: 14px; }
.page-liveDetail .block-liveInfo .live-subtitle .tag {
    margin-left: 10px;
    vertical-align: sub; }
.page-liveDetail .block-liveInfo .icon-time {
    vertical-align: bottom; }
.page-liveDetail .block-liveInfo .left {
    width: 860px;
    height: 100%; }
.page-liveDetail .block-liveInfo .right {
    width: 280px;
    height: 100%;
    margin-right: -20px;
    text-align: center;
    position: relative; }
.page-liveDetail .block-liveInfo .right .icon-plan {
    display: block;
    margin: auto;
    margin-bottom: 24px;
    margin-right: 94px; }
.page-liveDetail .block-liveInfo .right .icon-fenghui {
    position: absolute;
    right: 0px; }
.page-liveDetail .block-liveInfo .right p {
    color: #9598a2;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 9px; }
.page-liveDetail .block-liveInfo .button-success:hover {
    background: #1EC474;
    border: 1px solid #1EC474;
    color: #ffffff !important; }
.page-liveDetail .block-liveInfo .button-success {
    color: green;
    background: #20D17C;
    border: 1px solid #20D17C;
    color: #ffffff !important; }

.page-liveDetail .title.h4 {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px; }

.page-liveDetail .container-left {
    min-height: 200px; }
.page-liveDetail .container-left .block-title {
    padding-left: 20px; }

.page-liveDetail .teacher {
    font-size: 16px;
    line-height: 16px;
    padding: 20px 20px 23px 20px;
    border-bottom: 20px solid #f5f7f9; }
.page-liveDetail .teacher .teacher-name {
    margin-left: 20px;
    margin-bottom: 20px; }
.page-liveDetail .teacher .teacher-content {
    border-top: 1px solid #F0F0F0;
    font-size: 14px;
    line-height: 26px;
    padding: 30px 20px; }
.page-liveDetail .teacher .teacher-face {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 10px;
    background: #dddddd;
    border-radius: 50%;
    margin-right: 17px; }

.page-liveDetail .container-right li {
    padding: 30px 20px; }
.page-liveDetail .container-right li p {
    font-size: 14px;
    line-height: 18px; }
.page-liveDetail .container-right li .price {
    color: #f44130;
    text-align: right;
    margin-top: 11px; }
.page-liveDetail .container-right li:hover {
    background-color: #E9F3FF; }
.page-liveDetail .container-right li .course-card-footer {
    font-size: 12px;
    margin: 20px 0 0;
    position: relative; }
.page-liveDetail .container-right li .course-card-footer .count-down {
    font-size: 12px;
    color: #9598a2;
    line-height: 1;
    left: 21px;
    margin-bottom: 8px; }
.page-liveDetail .container-right li .course-card-footer .count-down span {
    color: #f54030; }
.page-liveDetail .container-right li .course-card-footer .limit {
    display: none; }
.page-liveDetail .container-right li .course-card-footer .people-number {
    color: #9598A2;
    font-size: 12px; }
.page-liveDetail .container-right li .course-card-footer .price-old {
    color: #cccccc;
    text-decoration: line-through;
    right: 0;
    position: absolute;
    top: -2px; }
.page-liveDetail .container-right li .course-card-footer .price {
    right: 0;
    position: absolute;
    color: #f54030;
    font-size: 14px;
    top: 8px; }

.page-liveAll .block-classify {
    min-height: 83px;
    padding: 5px 20px;
    background: #ffffff;
    margin-bottom: 20px; }
.page-liveAll .block-classify ul {
    overflow: hidden; }
.page-liveAll .block-classify li {
    float: left;
    width: 140px;
    font-size: 14px;
    line-height: 1;
    border-left: 1px solid #f0f0f0;
    text-align: center;
    margin: 15px 0;
    margin-left: -1px; }
.page-liveAll .block-classify li:hover {
    color: #649cf0; }
.page-liveAll .block-classify li.active {
    color: #649cf0; }
.page-liveAll .block-classify a {
    color: #171920; }
.page-liveAll .block-classify a:hover {
    color: #649cf0; }

.page-liveAll .live-field {
    height: 320px; }
.page-liveAll .live-field .left {
    width: 520px;
    height: 280px;
    position: relative;
    padding: 20px 30px; }
.page-liveAll .live-field .left .bg-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
.page-liveAll .live-field .left .bg-img {
    *height: auto; }
.page-liveAll .live-field .left .title {
    font-size: 26px;
    line-height: 1;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 18px;
    color: #ffffff;
    font-weight: 700;
    overflow: hidden;
    height: 28px; }
.page-liveAll .live-field .left .subtitle {
    font-size: 14px;
    text-align: center;
    line-height: 1;
    margin-bottom: 38px;
    color: #ffffff;
    width: 100%; }
.page-liveAll .live-field .left .subtitle span {
    margin-right: 17px; }
.page-liveAll .live-field .left .button {
    width: 133px;
    background: #ffffff;
    color: #649cf0;
    border: 1px solid #ffffff;
    margin: auto;
    display: inline-block;
    *display: inline; }
.page-liveAll .live-field .left .button-default:hover {
    background: rgba(255, 255, 255, 0.9); }
.page-liveAll .live-field .left .button-transparent {
    background: transparent;
    color: #ffffff;
    margin-right: 20px; }
.page-liveAll .live-field .left .button-disabled {
    color: #dddddd; }
.page-liveAll .live-field .left .tagUser {
    position: absolute;
    bottom: 21px;
    height: 40px;
    left: 30px;
    color: #ffffff; }
.page-liveAll .live-field .left .tagUser img {
    margin-right: 10px; }
.page-liveAll .live-field .left .tagUser span {
    color: #ffffff; }
.page-liveAll .live-field .right {
    width: 600px;
    height: 100%;
    background: #ffffff;
    overflow-y: auto;
    position: relative; }
.page-liveAll .live-field .right ul {
    width: 533px;
    float: right; }
.page-liveAll .live-field .right li {
    height: 80px;
    border-left: 2px solid #e7eced;
    position: relative;
    padding-left: 20px;
    float: right;
    width: 100%;
    cursor: pointer; }
.page-liveAll .live-field .right li:hover {
    background: #e8f5ff; }
.page-liveAll .live-field .right li .ornament-dot1 {
    display: none; }
.page-liveAll .live-field .right li .ornament-dot2 {
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -17px; }
.page-liveAll .live-field .right li .icon-fenghui {
    position: absolute;
    right: 0;
    top: 20px; }
.page-liveAll .live-field .right li .time {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    color: #9598a2;
    margin-bottom: 9px;
    margin-top: 20px; }
.page-liveAll .live-field .right li .time .tag {
    color: #9598A2;
    margin-left: 15px;
    vertical-align: middle;
    margin-top: -5px;
    background-color: #F7F7F7;
    border-radius: 3px; }
.page-liveAll .live-field .right li .time i {
    display: inline-block;
    *display: inline;
    width: 45px;
    text-align: center; }
.page-liveAll .live-field .right li .title {
    font-size: 14px;
    height: 14px;
    line-height: 14px; }
.page-liveAll .live-field .right li .title .txt {
    width: 290px;
    display: inline-block;
    *display: inline; }
.page-liveAll .live-field .right li .title .icon {
    width: 16px;
    margin: 0 30px 0 15px;
    position: relative;
    top: -2px; }
.page-liveAll .live-field .right li .title .teacher {
    float: right;
    width: 150px;
    color: #9598a2; }
.page-liveAll .live-field .right li {
    *width: 95%; }
.page-liveAll .live-field .right li.active {
    background: #e8f5ff; }
.page-liveAll .live-field .right li.active .ornament-dot1 {
    position: absolute;
    top: 50%;
    left: -11px;
    margin-top: -20.5px;
    display: block; }
.page-liveAll .live-field .right li.active .ornament-dot2 {
    display: none; }
.page-liveAll .live-field .right li.active .time,
.page-liveAll .live-field .right li.active .title {
    color: #649cf0; }
.page-liveAll .live-field .right li.active .title .teacher {
    color: #649cf0; }
.page-liveAll .live-field .right li.active a {
    color: #649cf0; }
.page-liveAll .live-field .right li.active .tag {
    color: #ffffff;
    background-color: #649CF0; }

.page-liveAll .courseTag {
    margin-right: 20px;
    margin-bottom: 20px; }

.page-liveAll .courseTag:nth-child(4n) {
    margin-right: 0; }

.page-liveAll .block-course ul {
    overflow: hidden;
    margin-bottom: -20px; }

.page-download .button-28h {
    font-size: 16px; }

.page-download .file-item {
    float: left;
    width: 538px;
    height: 50px;
    background: #ffffff;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 20px; }
.page-download .file-item .icon {
    vertical-align: middle;
    margin-right: 15px; }
.page-download .file-item p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    display: inline-block;
    *display: inline; }
.page-download .file-item .button {
    float: right;
    margin-top: 12px;
    *margin-top: -36px; }

.page-download .file-item:nth-child(2n) {
    margin-right: 0; }
@charset "UTF-8";
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%; }

body {
    word-wrap: break-word;
    cursor: default;
    font-family: "microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", "\9ED1\4F53";
    font: 14px/1.5 arial,\5B8B\4F53,sans-serif;
    color: #171920;
    background: #f5f7f9;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important;
    margin: 0;
    min-width: 1180px; }

a {
    cursor: pointer;
    outline: 0 none;
    color: #171920; }

:active {
    outline: 0; }

:visited {
    outline: 0; }

:link, :visited, ins {
    text-decoration: none; }

[hidden] {
    display: none; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, select, textarea, p, blockquote, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0; }

/*55*/
fieldset, iframe {
    border: 0 none; }

/*59*/
img {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle; }

/*65*/
address, caption, cite, code, dfn, em, i, th, var, optgroup {
    font-style: normal; }

/*69*/
h1, h2, h3, h4, h5, h6, code, kbd, samp, tt, sup, sub, small, input, button, textarea, select {
    font-size: 100%; }

/*73*/
abbr, acronym {
    border: 0 none;
    font-variant: normal; }

/*78*/
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit; }

/*85*/
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical; }

/*91*/
textarea, input, select {
    outline: 0 none; }

/*95*/
ol, ul, li, menu {
    list-style: none outside none; }

/*99*/
table {
    border-collapse: collapse;
    border-spacing: 0; }

/*104*/
td {
    vertical-align: top; }

/*108*/
caption, th {
    text-align: left; }

/*112*/
sup {
    vertical-align: text-top; }

/*116*/
sub {
    vertical-align: text-bottom; }

/*120*/
blockquote, q {
    quotes: none; }

/*124*/
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

/*129*/
mark {
    background-color: #FF6; }

/*133*/
del {
    text-decoration: line-through; }

/*137*/
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help; }

/*142*/
input, select, button {
    vertical-align: middle; }

/*146*/
button {
    width: auto;
    cursor: pointer;
    overflow: visible; }

/*152*/
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    margin-right: 5px;
    margin-top: -3px;
    display: inline-block; }

/*158*/
button::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
    border: 0 none;
    padding: 0; }

/*164*/
.clearfix:after, .hq2018course .w1180:after, .hq2018course .coursemain:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0; }

/*172*/
.clearfix, .hq2018course .w1180, .hq2018course .coursemain {
    *zoom: 1; }

/*176*/
.nobreak, .coursecard .coursecard-catelog, .coursecard .coursecard-time {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*182*/
.w1180 {
    width: 1180px;
    width: 1200px\9;
    margin: 0 auto; }

/*186*/
.hq2018title {
    height: 90px;
    position: relative; }

/*189*/
.hq2018title h2 {
    font-size: 24px;
    font-weight: bold;
    color: #171920;
    line-height: 90px; }

/*196*/
.font_16 {
    font-size: 16px;
    height: 16px;
    line-height: 16px; }

/*199*/
.font_20 {
    font-weight: bold;
    font-size: 20px;
    margin: 40px 0 30px;
    height: 20px;
    line-height: 20px;
    vertical-align: text-bottom; }

/*205*/
.icon-n_lesson {
    display: inline-block;
    background-image: url(http://www.hqwx.com/leraning/statics/blue/images/icon-sfb7750eb5a.png);
    background-repeat: no-repeat;
    background-position: 0 -793px;
    height: 14px;
    width: 17px;
    margin-left: 5px; }

/*214*/
.right {
    float: right;
    font-size: 14px;
    color: #9598a2;
    font-weight: normal;
    margin-left: 20px;
    padding-left: 20px; }

/*221*/
.right:hover {
    color: #649cf0; }

/*226*/
.more {
    font-size: 14px;
    display: block;
    font-weight: normal;
    float: right;
    color: #9598a2;
    background: url(http://www.hqwx.com/web_news/assets/news/images/more_icon.png) right center no-repeat;
    text-align: right;
    padding-right: 22px; }

/*236*/
.more:hover {
    color: #649cf0;
    background: url("http://www.hqwx.com/images/more_blue.png") right center no-repeat; }

/*240*/
.tab {
    cursor: pointer; }

/*245*/
.icon-sprite, .icon-baoming1, .icon-baoming2, .icon-dot_blue, .icon-dot_grey, .icon-fly, .icon-jiantou_1, .icon-jiantou_2, .icon-jiantou_3, .icon-jiantou_3b, .icon-jiantou_4, .icon-jiantou_4b, .icon-ke1, .icon-ke1_b, .icon-ke2, .icon-ke2_b, .icon-ke3, .icon-ke3_b, .icon-time, .icon-time_baoming, .icon-time_bg_blue, .icon-time_bg_grey, .icon-time_chafen, .icon-time_jiaocai, .icon-time_kaoshi, .icon-time_lingzheng, .icon-n_arrow-right, .icon-n_arrow-left, nav .daohang div a em {
    background-image: url("http://www.hqwx.com/assets/images/icon-s8064240c7f.png");
    background-repeat: no-repeat; }

/*249*/
.icon-baoming1 {
    background-position: 0 0; }

/*251*/
.icon-baoming1:hover {
    background-position: 0 -120px; }

/*257*/
.icon-dot_blue {
    background-position: 0 -240px; }

/*261*/
.icon-dot_grey {
    background-position: 0 -251px; }

/*265*/
.icon-fly {
    background-position: 0 -262px; }

/*270*/
.icon-ke1 {
    background-position: 0 -368px;
    line-height: 16px; }

/*273*/
.icon-ke1:hover {
    background-position: 0 -382px; }

/*279*/
.icon-ke2 {
    line-height: 16px;
    background-position: 0 -396px; }

/*282*/
.icon-ke2:hover {
    background-position: 0 -408px; }

/*289*/
.icon-ke3 {
    line-height: 16px;
    background-position: 0 -420px; }

/*292*/
.icon-ke3:hover {
    background-position: 0 -436px; }

/*299*/
.icon-time {
    background-position: 0 -452px; }

/*303*/
.icon-time_baoming {
    background-position: 0 -498px; }

.kecheng_shiting {
    float: left;
    margin-left: 0 !important; }

h2 {
    display: inline-block;
    font-weight: bold; }

/*131*/
.hq2018course {
    background: #f5f7f9;
    margin-top: 40px; }

/*134*/
.hq2018course .w1180 {
    padding-bottom: 1px; }


/*141*/
.hq2018course .coursemain {
    width: 880px;
    width: 900px\9;
    float: left; }

/*145*/
.hq2018course .coursemain .pic {
    width: 580px;
    height: 326px;
    margin: 0px;
    margin-bottom: 19px;
    float: left;
    transition: all .2s ease-in 0s;
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s; }

.hq2018course .coursemain .pic:hover {
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.hq2018course .coursemain .pic a {
    margin-left: 0px;
    margin-bottom: 0px;
    float: none;
    display: none; }

/*150*/
.hq2018course .coursemain .pic img {
    vertical-align: baseline;
    display: block;
    width: 580px;
    height: 326px; }

/* banner */
.pdy-banner-left {
    background: url("https://wenda.hqwx.com/statics/channel/images/banner-left.png") no-repeat 0 0 !important; }

.pdy-banner-right {
    background: url("https://wenda.hqwx.com/statics/channel/images/banner-right.png") no-repeat 0 0 !important; }

.pdy-banner-lefth, .pdybanner .pdy-banner-left:hover {
    background: url("https://wenda.hqwx.com/statics/channel/images/banner-lefth.png") no-repeat 0 0 !important; }

.pdy-banner-righth, .pdybanner .pdy-banner-right:hover {
    background: url("https://wenda.hqwx.com/statics/channel/images/banner-righth.png") no-repeat 0 0 !important; }

.pdybanner {
    background: #f5f7f9;
    position: relative; }

.pdybanner .pdy-banner-left {
    position: absolute;
    left: 50%;
    margin-left: -280px;
    top: 140px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }

.pdybanner:hover .pdy-banner-left {
    display: block; }

.pdybanner .pdy-banner-right {
    position: absolute;
    left: 50%;
    margin-left: 240px;
    top: 140px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    z-index: 2;
    display: none; }

.pdybanner:hover .pdy-banner-right {
    display: block; }

.pdybanner .pdy_banner_pic a {
    display: none;
    width: 100%;
    height: 326px;
    background-color: #f5f7f9; }

.pdybanner .pdy_banner_choose {
    text-align: center;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 300px;
    margin-left: -140px;
    font-size: 0px; }

.pdybanner .pdy_banner_choose li {
    width: 26px;
    height: 13px;
    margin: 0 7px;
    display: inline-block;
    background: url(http://s.hqwx.com/statics/home/mall/images/bannern.png) top center no-repeat; }

.pdybanner .pdy_banner_choose li {
    *display: inline; }

.pdybanner .pdy_banner_choose .pdy_choose_now {
    background: url(https://s.hqwx.com/statics/home/mall/images/bannerc.png) top center no-repeat; }

.pdybanner:hover .pdybanner-banner-left, .pdybanner:hover .pdybanner-banner-right {
    display: block; }

/*155*/
.hq2018course .coursemain a {
    float: left;
    /*margin-left: 20px;*/
    /*margin-bottom: 20px;*/
    /*position: relative;*/
    /*top: 0px;*/ }

/*165*/
.hq2018course .coursemain .coursecard:hover {
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

/*172*/
.hq2018course .courseinfo {
    width: 280px;
    margin-left: 20px;
    background: #ffffff;
    float: left; 
    height: 676px;
}
    

/* 引流二维码 */
.hq2018course .courseinfo .erweima-wrap{
    width: 240px;
    border-bottom:1px solid #f4f4f4;
    padding-top: 8px;
    padding-bottom: 14px;
    margin: 0 auto;
}
.hq2018course .courseinfo .erweima-wrap .sub-title{
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color:#171920;
    font-weight: bold;
}
.hq2018course .courseinfo .erweima-wrap .erweima-wrap-content{
    padding-left: 20px;
    overflow: hidden;
}
.hq2018course .courseinfo .erweima-wrap .erweima-wrap-content img{
    width: 82px;
    height: 82px;
    border: 1px solid #f4f4f4;
    float: left;
    margin-right: 14px;
    border-radius: 6px;
}
.hq2018course .courseinfo .erweima-wrap .content-right{
    overflow: hidden;
    padding-top: 7px;
}
.hq2018course .courseinfo .erweima-wrap .time{
    line-height: 23px;
    color: #2A2C34;
    margin-bottom: 35px;
    margin-left: -6px;
}
.hq2018course .courseinfo .erweima-wrap .time span{
    width: 26px;
    height: 23px;
    background: #F9F9F9;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    margin: 0 6px;
}
.hq2018course .courseinfo .erweima-wrap .desc{
    color:#171920;
    font-size: 12px;
    line-height: 12px;
}
.hq2018course .courseinfo .erweima-wrap .desc span{
    color:#649CF0;
}

/*177*/
.hq2018course .courseinfo .daojishi {
    text-align: center;
    height: 140px; }

/*180*/
.hq2018course .courseinfo .daojishi p {
    padding-top: 20px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    margin: 5px 20px 0 20px; }

.hq2018course .courseinfo.courseinfo-erweima-box .daojishi{
    height: 109px; 
}

.hq2018course .courseinfo.courseinfo-erweima-box .daojishi p {
    margin-top: 0;
    line-height: 17px;
    padding-top: 22px;
}

.hq2018course .courseinfo .daojishi p.n_djs {
    padding-top: 10px; }

/*185*/
.hq2018course .courseinfo .daojishi p.n_djs em {
    background-image: url("http://www.hqwx.com/assets/images/icon-s8064240c7f.png");
    background-repeat: no-repeat;
    background-position: 0 -452px;
    display: inline-block;
    width: 34px;
    height: 46px;
    line-height: 46px;
    font-size: 42px;
    font-family: Arial;
    color: #649cf0;
    margin: 0 3px; }

/*201*/
.hq2018course .courseinfo .time_line .shu_line {
    float: left;
    width: 3px;
    height: 460px;
    background-color: #e7eaf2;
    margin-left: 10px; }

.hq2018course .courseinfo.courseinfo-erweima-box .time_line .shu_line{
    height: 354px;
}

/*208*/
.hq2018course .courseinfo .time_line ul {
    position: relative;
    height: 526px;
    margin-top: 1px;
    margin-left: 13px; }

.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul{
    height: 425px;
}

/*215*/
.hq2018course .courseinfo .time_line ul li {
    width: 234px;
    height: 100px;
    padding: 0 0 0 8px;
    margin-bottom: 2px; }

.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul li{
    margin-bottom: 0;
    height: 80px;
}
.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul li h4{
    height: 24px;
}

/*222*/
.hq2018course .courseinfo .time_line ul li .icon-n_list {
    text-align: center;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    width: 85px;
    background-position: 0 -534px;
    background-image: url("http://www.hqwx.com/assets/images/icon-s8064240c7f.png");
    background-repeat: no-repeat;
    color: #ffffff;
    padding-left: 7px;
    margin-left: -15px;
    float: left; }

/*235*/
.hq2018course .courseinfo .time_line ul li .icon-n_list img {
    margin-right: 7px;
    margin-top: -3px; }

/*239*/
.hq2018course .courseinfo .time_line ul li.active .icon-n_list {
    background-position: 0 -510px; }

/*244*/
.hq2018course .courseinfo .time_line ul li h4 a {
    color: #f16262;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    width: 153px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    display: inline-block; }

/*249*/
.hq2018course .courseinfo .time_line ul li em {
    display: inline-block;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9; }

/*258*/
.hq2018course .courseinfo .time_line ul li.active em {
    border-bottom: 10px solid #e9f3ff; }

/*261*/
.hq2018course .courseinfo .time_line ul li p {
    background: #f9f9f9;
    padding: 5px;
    margin-top: -6px; }

/*268*/
.hq2018course .courseinfo .time_line ul li p a {
    display: inline-block;
    font-size: 12px;
    line-height: 34px;
    margin: 0 10px; }
.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul li p a{
    line-height: 24px;
}

/*275*/
.hq2018course .courseinfo .time_line ul li p a:hover {
    color: #009df0; }

/*279*/
.hq2018course .courseinfo .time_line ul .row2 {
    height: 124px; }

.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul .row2 {
    height: 104px; }

/*281*/
.hq2018course .courseinfo .time_line ul .row2 p a {
    line-height: 28px; }
.hq2018course .courseinfo.courseinfo-erweima-box .time_line ul .row2 p a{
    line-height: 24px;
}
.hq2018course .courseinfo .time_line ul li p{
    padding: 4px 5px;
}
/*286*/
.hq2018course .courseinfo .time_line ul .active p {
    background: #e9f3ff; }

/*291*/
.hq2018course .courseinfo .time_line .n_app {
    height: 126px;
    margin-top: 14px;
    border: 1px solid #eeeeee; }

/*297*/
.hq2018course .courseinfo .time_line .n_app .new_page_title {
    margin-bottom: 4px; }

/*301*/
.hq2018course .courseinfo .time_line .n_app a {
    margin-left: 15px;
    font-size: 14px; }

/*306*/
.hq2018course .courseinfo .time_line .n_app a img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 3px; }

/*313*/
.hq2018course .courseinfo .time_line .n_app p {
    font-size: 12px;
    color: #999999;
    padding-left: 15px;
    padding-top: 13px; }

/*time_line2*/
/*208*/
.hq2018course .courseinfo .time_line2 {
    height: 650px;
    margin-top: 20px; }

.hq2018course .courseinfo .time_line2 .title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 20px; }

.hq2018course .courseinfo .time_line2 ul {
    position: relative;
    height: 526px;
    margin-top: 1px;
    margin-left: 13px; }

/*215*/
.hq2018course .courseinfo .time_line2 ul li {
    width: 234px;
    height: 100px;
    padding: 0 0 0 8px;
    margin-bottom: 2px; }

.hq2018course .courseinfo .time_line2.four ul li {
    width: 234px;
    height: 148px;
    padding: 0 0 10px 8px;
    margin-bottom: 2px; }

/*222*/
.hq2018course .courseinfo .time_line2 ul li .icon-n_list {
    border-left: 4px solid #649cf0;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-left: 5px;
    text-align: left; }

/*235*/
.hq2018course .courseinfo .time_line2 ul li .icon-n_list img {
    margin-right: 3px; }

.hq2018course .courseinfo .time_line2 ul li h4 a {
    color: #f16262;
    font-size: 12px;
    line-height: 24px; }

/*249*/
.hq2018course .courseinfo .time_line2 ul li em {
    display: inline-block;
    margin-left: 25px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f9f9f9; }

/*258*/
.hq2018course .courseinfo .time_line2 ul li.active em {
    border-bottom: 10px solid #e9f3ff; }

/*261*/
.hq2018course .courseinfo .time_line2 ul li p {
    text-align: center;
    background: #f9f9f9;
    padding: 5px 0px;
    margin-top: -6px; }

/*268*/
.hq2018course .courseinfo .time_line2 ul li p a {
    display: inline-block;
    font-size: 12px;
    line-height: 34px;
    margin: 0 10px; }

/*275*/
.hq2018course .courseinfo .time_line2 ul li p a:hover {
    color: #009df0; }

/*279*/
.hq2018course .courseinfo .time_line2 ul .row2 {
    height: 124px; }

/*281*/
.hq2018course .courseinfo .time_line2 ul .row2 p a {
    line-height: 28px; }

/*286*/
.hq2018course .courseinfo .time_line2 ul .active p {
    background: #e9f3ff; }

/*291*/
.hq2018course .courseinfo .time_line2 .n_app {
    height: 126px;
    margin-top: 14px;
    border: 1px solid #eeeeee; }

/*297*/
.hq2018course .courseinfo .time_line2 .n_app .new_page_title {
    margin-bottom: 4px; }

/*301*/
.hq2018course .courseinfo .time_line2 .n_app a {
    margin-left: 15px;
    font-size: 14px; }

/*306*/
.hq2018course .courseinfo .time_line2 .n_app a img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 3px; }

/*313*/
.hq2018course .courseinfo .time_line2 .n_app p {
    font-size: 12px;
    color: #999999;
    padding-left: 15px;
    padding-top: 13px; }

/*323*/
nav, .nav {
    background: #649cf0;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    color: #FFFFFF; }

/*329*/
nav h1 {
    font-size: 20px;
    font-weight: bold;
    width: 280px;
    *width: 260px;
    float: left; }

/*337*/
nav .daohang div {
    float: left; }

/*339*/
nav .daohang div a {
    display: inline-block;
    width: 128px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF; }

/*345*/
nav .daohang div a:hover {
    background: #5990e3; }

/*347*/
nav .daohang div a:hover em {
    background-position: 0 -297px; }

/*351*/
nav .daohang div a em {
    display: inline-block;
    margin-left: 8px;
    background-position: 0 -290px;
    width: 12px;
    height: 7px; }

/*361*/
/*366*/
nav .daohang div ul {
    display: none;
    width: 128px;
    position: absolute;
    margin-top: -1px;
    z-index: 2;
    border-top: 1px solid #efeff0;
    border-left: 1px solid #efeff0;
    border-right: 1px solid #efeff0;
    *margin-left: -132px;
    *margin-top: 70px; }

nav .daohang div:hover ul {
    display: block; }

/*374*/
nav .daohang div ul li {
    width: 128px;
    border-bottom: 1px solid #efeff0;
    line-height: 30px;
    height: 30px; }

/*379*/
nav .daohang div ul li a {
    color: #a7a9b2;
    font-size: 14px;
    background: #ffffff; }

/*386*/
nav .daohang div ul li:hover a {
    color: #171920;
    background: #f4f5f6; }

/*399*/
.icon-n_arrow-right {
    height: 16px;
    width: 16px;
    background-position: 0 -304px;
    cursor: pointer; }

/*405*/
.icon-n_arrow-right:hover {
    background-position: 0 -320px; }

/*408*/
.icon-n_arrow-left {
    cursor: pointer;
    margin: 0 10px;
    height: 16px;
    width: 16px;
    background-position: 0 -336px; }

/*416*/
.icon-n_arrow-left:hover {
    background-position: 0 -352px; }

/*tanchang*/
.main_page_left .layer_free {
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -260px;
    width: 520px;
    height: 380px;
    background: #fff;
    z-index: 1002;
    /*border: 2px solid #0095db;*/
    border-radius: 5px;
    display: none;
    overflow: hidden; }

/*209*/
.main_page_left .layer_free .gopng_close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    background: url(http://hqkc.hqwx.com/uploadfile/2017/0103/20170103103953658.png) top center no-repeat;
    height: 12px;
    width: 12px;
    overflow: hidden;
    cursor: pointer; }

/*221*/
.main_page_left .layer_free .gopng_close:hover {
    background: url(http://hqkc.hqwx.com/uploadfile/2017/0103/20170103104009486.png) top center no-repeat; }

/*226*/
.main_page_left .layer_free {
    _margin-top: 200px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop)); }

/*233*/
.main_page_left .layer_free h5 {
    font: 16px "\5FAE\8F6F\96C5\9ED1";
    color: #3c9ddb;
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eaeaea;
    display: block; }

/*244*/
.main_page_left .layer_free .gopng_green {
    background: #f5f5f5; }

/*249*/
.main_page_left .layer_free ul {
    padding-top: 50px; }

/*253*/
.main_page_left .layer_free .layer_valid {
    padding-left: 89px;
    margin: 0 auto; }

/*258*/
.main_page_left .layer_free .layer_valid h5 {
    display: none; }

/*262*/
.main_page_left .layer_free .layer_input {
    border: 1px solid #dcdcdc;
    color: #999999;
    outline: none;
    width: 250px;
    height: 37px;
    font: 14px "\5FAE\8F6F\96C5\9ED1";
    padding-left: 10px;
    border-right: 1px solid transparent; }

/*273*/
.main_page_left .layer_free .nosubmit {
    width: 341px;
    border: 1px solid #dcdcdc; }

/*278*/
.main_page_left .layer_free .validimg {
    width: 91px;
    height: 39px;
    border-radius: 0 5px 5px 0;
    vertical-align: top; }

/*285*/
.main_page_left .layer_free .layer_valid li {
    height: 50px;
    font-size: 0px;
    width: auto;
    margin-left: 0px; }

/*292*/
.main_page_left .layer_free .layer_valid .errorinfo {
    width: 353px;
    text-align: center;
    color: #ff5858;
    font-size: 14px;
    font-family: "microsoft yahei"; }

/*300*/
.main_page_left .layer_free .a_submit {
    vertical-align: middle;
    font: 12px "\5B8B\4F53";
    color: #fff;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 91px;
    line-height: 39px;
    height: 39px;
    border-radius: 0 5px 5px 0; }

/*316*/
.main_page_left .layer_free .bg_green {
    background: #84c360; }

/*320*/
.main_page_left .layer_free .bg_gray {
    background: #aaaaaa; }

/*324*/
.main_page_left .layer_free .bg_blue {
    background: #0095db; }

/*328*/
.main_page_left .layer_free .layer_error {
    color: #ff5858;
    margin: 10px 0; }

/*333*/
.main_page_left .layer_free .a_submit2 {
    font: 16px "\5FAE\8F6F\96C5\9ED1";
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 180px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin: 0 0 38px 170px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #0095db; }

/*350*/
.main_page_left .layer_free .layer_pic_succ, .main_page_left .layer_free .layer_pic_error {
    margin-top: 15%; }

/*354*/
.main_page_left .layer_free_over {
    margin-left: -320px;
    width: 640px;
    background: #f8f8f8;
    height: auto; }

/*361*/
.main_page_left .layer_free_over .a_submit2 {
    display: none; }

/*365*/
.main_page_left .layer_free_success .layer_free_success_wd {
    text-align: center;
    font: 16px "microsoft yahei";
    color: #5a5a5a;
    background: #FFFFFF;
    height: 122px;
    line-height: 122px; }

/*374*/
.main_page_left .layer_free_success .layer_free_success_wd img {
    vertical-align: middle;
    margin-right: 10px; }

/*379*/
.main_page_left .layer_free_success h4 {
    font: 18px "microsoft yahei";
    color: #666666;
    padding: 20px 0 20px 30px;
    font-weight: bold; }

/*386*/
.main_page_left .layer_free_success .layer_free_card {
    float: left;
    width: 182px;
    background: #FFFFFF;
    text-align: center;
    margin-left: 25px; }

/*394*/
.main_page_left .layer_free_success .layer_free_card h5 {
    color: #0095db;
    font: 14px "microsoft yahei";
    font-weight: bold; }

/*401*/
.main_page_left .layer_free_success .layer_free_card img {
    width: 106px;
    height: 106px;
    border-radius: 10px; }

/*407*/
.main_page_left .layer_free_success .layer_free_card p {
    color: #5a5a5a;
    padding: 15px 0;
    font: 14px "microsoft yahei"; }

/*414*/
.main_page_left .layer_free_success .layer_free_card .qqnumber {
    margin-top: 10px;
    font: 14px "microsoft yahei";
    color: #27a0ed;
    text-decoration: underline; }

/*421*/
.main_page_left .layer_free_success .layer_free_card .qqnumber:hover {
    margin-top: 10px;
    font: 14px "microsoft yahei";
    color: #1178b9;
    text-decoration: underline; }

/*427*/
.main_page_left .hq1v1shade {
    width: 100%;
    height: 500%;
    background: rgba(0, 0, 0, 0.5);
    background: #000\9;
    _background: none;
    filter: alpha(opacity=50);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99990; }

/*440*/
.main_page_left .layer_free_success .layer_free_success_wd {
    text-align: center;
    font: 16px "microsoft yahei";
    color: #5a5a5a;
    background: #FFFFFF;
    height: 122px;
    line-height: 122px; }

/*449*/
.main_page_left .layer_free_success .layer_free_success_wd img {
    vertical-align: middle;
    margin-right: 10px; }

/*453*/
.main_page_left .layer_free_success .new_link img {
    float: left;
    width: 121px;
    height: 121px;
    margin: 0 18px 0 82px; }

/*460*/
.main_page_left .layer_free_success .new_link p {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 22px;
    font-family: "microsoft yahei";
    width: 230px;
    float: left; }

/*468*/
.main_page_left .layer_free_success .new_link p a {
    display: block;
    background: #0095db;
    font: 16px "\5FAE\8F6F\96C5\9ED1";
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    line-height: 50px; }

/*568*/
.hq2018content .hq_news {
    float: left;
    width: 540px;
    height: 300px;
    padding: 23px 20px;
    background: #ffffff;
    margin-left: 20px; }

/*575*/
.hq2018content .hq_news .news_title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    line-height: 16px; }

/*579*/
.hq2018content .hq_news .news_title li {
    display: inline;
    width: 35px;
    margin-right: 17px; }

/*583*/
.hq2018content .hq_news .news_title li:hover {
    color: #649cf0;
    border-bottom: 2px solid #649cf0; }

/*588*/
.hq2018content .hq_news .news_title li:not(:first-child) {
    margin-left: 17px; }

/*591*/
.hq2018content .hq_news .news_title .active {
    color: #649cf0;
    border-bottom: 2px solid #649cf0; }

/*595*/
.hq2018content .hq_news .news_title em {
    color: #f1f1f1;
    width: 1px;
    display: inline-block; }

/*600*/
.hq2018content .hq_news .news_info strong {
    font-weight: bold;
    font-size: 18px;
    padding: 20px 0 15px;
    height: 30px;
    line-height: 30px;
    clear: both;
    display: block;
    text-align: center; }

/*607*/
.hq2018content .hq_news .news_info {
    display: none; }

.hq2018content .hq_news .news_info ul li {
    background: url(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat;
    padding-left: 14px;
    padding-right: 15px;
    float: left;
    width: 235px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block; }

.hq2018content .hq_news .news_info {
    display: block; }

.hq2018content .hq_news .news_info2 {
    display: none; }

.hq2018content .hq_news .news_info2 ul li {
    width: 240px;
    float: left;
    line-height: 30px;
    height: 30px;
    display: block; }

.hq2018content .hq_news .news_info a:hover {
    color: #649cf0; }

.hq2018content .hq_news .news_info2 ul li:first-child,
.hq2018content .hq_news .news_info2 ul li:first-child + li + li + li + li + li {
    font-size: 18px;
    padding: 20px 0 15px;
    font-weight: bold;
    width: 500px;
    height: 37px\9;
    line-height: 42px\9;
    text-align: center;
    background-image: url("") !important; }

/*621*/
.hq2018content .main_page_teacher {
    width: 240px;
    padding: 23px 20px;
    margin-left: 20px;
    height: 300px;
    background: #ffffff;
    float: left; }

/*631*/
.hq2018content .main_page_teacher ul {
    width: 243px;
    float: left;
    padding: 0 11px 0 0;
    display: none; }

/*637*/
.hq2018content .main_page_teacher ul:first-child {
    display: block; }

/*641*/
.hq2018content .main_page_teacher ul li {
    margin-top: 23px;
    height: 70px;
    position: relative; }

.hq2018content .main_page_teacher ul li a:hover, .hq2018content .main_page_teacher ul li .n_nr p.intro:hover {
    color: #649cf0; }

/*647*/
.hq2018content .main_page_teacher ul li .n_avator {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 12px; }

/*655*/
.hq2018content .main_page_teacher ul li .n_nr p {
    line-height: 20px;
    padding: 0;
    margin-left: 73px; }

/*660*/
.hq2018content .main_page_teacher ul li .n_nr p.intro {
    color: #9598a2;
    line-height: 22px;
    height: 43px;
    overflow: hidden; }

/*669*/
.hq2018content .main_page_teacher ul li .n_nr p .icon, .hq2018content .main_page_teacher ul li .n_nr p .nav_ad .banner .banner_choose li, .hq2018content .nav_ad .banner .banner_choose .main_page .main_page_left .main_page_teacher ul li .n_nr p li, .hq2018content .main_page_teacher ul li .n_nr p .nav_ad .banner .banner_choose .choose_now, .hq2018content .nav_ad .banner .banner_choose .main_page .main_page_left .main_page_teacher ul li .n_nr p .choose_now {
    margin-left: 5px; }

/*673*/
.hq2018content .main_page_teacher ul li .n_nr .intro {
    line-height: 14px;
    margin-top: 5px; }

/*682*/
.kecheng_shiting {
    width: 240px;
    padding: 23px 20px;
    margin-left: 20px;
    height: 300px;
    background: #ffffff;
    float: left; }

/*692*/
.kecheng_shiting ul {
    width: 243px;
    float: left;
    padding: 0 11px 0 0;
    display: none; }

/*698*/
.kecheng_shiting ul:first-child {
    display: block; }

/*702*/
.kecheng_shiting ul li {
    margin-top: 23px;
    height: 70px;
    position: relative; }

/*708*/
.kecheng_shiting ul li .n_avator {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px solid #f1f1f1;
    float: left;
    margin-right: 12px; }

/*716*/
.kecheng_shiting ul li .n_nr p {
    line-height: 20px;
    padding: 0;
    margin-left: 73px; }

/*721*/
.kecheng_shiting ul li .n_nr p.intro {
    color: #9598a2;
    line-height: 22px;
    height: 43px;
    overflow: hidden; }

/*726*/
.kecheng_shiting ul li .n_nr p.intro a {
    float: right;
    display: inline-block;
    position: relative;
    width: 76px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #649cf0;
    color: #649cf0;
    text-align: center;
    border-radius: 13px;
    cursor: pointer; }

/*737*/
.kecheng_shiting ul li .n_nr p.intro a:hover {
    background: #649cf0;
    color: #ffffff; }

/*746*/
.kecheng_shiting ul li .n_nr .intro {
    line-height: 14px;
    margin-top: 5px; }

/*752*/
/*753*/
.hq2018lesson .n_title {
    margin: 40px 0;
    font-size: 14px;
    font-weight: normal; }

/*757*/
.hq2018lesson .n_title span {
    font-size: 20px;
    font-weight: bold; }

.hq2018lesson .n_title a.more {
    margin-top: 8px; }

/*762*/
.hq2018lesson .n_lessonpage {
    display: block;
    float: left;
    background: #ffffff; }

/*766*/
.hq2018lesson .n_lessonpage .fixtop {
    display: none;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -590px;
    z-index: 99; }

/*776*/
.hq2018lesson .n_lessonpage .fixtop b {
    height: 10px;
    width: 40px;
    position: absolute;
    left: 0px;
    background: #ffffff;
    bottom: -10px; }

/*785*/
.hq2018lesson .n_lessonpage .fixtop b s {
    height: 10px;
    width: 40px;
    display: block;
    background: #649cf0;
    border-radius: 8px 0 0 0; }

/*793*/
.hq2018lesson .n_lessonpage .title {
    width: 40px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold; }

/*802*/
.hq2018lesson .n_lessonpage .title div {
    display: block;
    vertical-align: middle;
    border-bottom: 1px solid #eff5fd;
    background: #649cf0;
    padding: 0 12px; }

/*810*/
.hq2018lesson .n_lessonpage .title div span {
    padding: 10px 0;
    width: 16px;
    text-align: center;
    vertical-align: middle;
    display: table-cell; }

/*818*/
.hq2018lesson .n_lessonpage .title .t1 {
    background: #f5f7f9;
    border: none;
    height: 54px; }

/*824*/
.hq2018lesson .n_lessonpage .title .t2 {
    border-radius: 8px 0 0 0; }

/*827*/
.hq2018lesson .n_lessonpage .t3, .hq2018lesson .n_lessonpage .t3 .k1, .hq2018lesson .n_lessonpage .t3 .k2 {
    float: left; }

.hq2018lesson .n_lessonpage .t4 {
    clear: both; }

.hq2018lesson .n_lessonpage .t4 strong {
    float: left; }

.hq2018lesson .n_lessonpage .t5, .hq2018lesson .n_lessonpage .t6, .hq2018lesson .n_lessonpage .t7, .hq2018lesson .n_lessonpage .t8 {
    clear: both; }

/*830*/
.hq2018lesson .n_lessonpage .title .t8 {
    border-radius: 0px 0 0 8px;
    border: none; }

/*835*/
.hq2018lesson .n_lessonpage .list {
    width: 240px;
    float: left; }

/*839*/
.hq2018lesson .list-3 .list {
    width: 380px; }

/*842*/
.hq2018lesson .n_lessonpage .list:hover {
    box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 8px 8px 0 0;
    position: relative;
    z-index: 5; }

/*850*/
.hq2018lesson .n_lessonpage .list .n_dx {
    font-family: "simsun";
    font-size: 12px;
    color: #ffffff;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #f16262;
    border-radius: 5px 0 5px 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px; }

/*867*/
.hq2018lesson .n_lessonpage .list .n_gm {
    font-family: "simsun";
    font-size: 12px;
    color: #649cf0;
    width: 34px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #649cf0;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    position: relative;
    top: -1px; }

/*885*/
.hq2018lesson .n_lessonpage .list .n_gm:hover {
    background: #649cf0;
    color: #ffffff;
    cursor: pointer; }

/*891*/
.hq2018lesson .n_lessonpage .list .t1 {
    height: 54px;
    background: #649cf0;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 54px;
    position: relative;
    border-radius: 8px 8px 0 0; }

/*903*/
.hq2018lesson .n_lessonpage .list .t1 span {
    font-size: 14px;
    border: 1px solid #ffffff;
    padding: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    line-height: 14px;
    border-radius: 3px;
    position: absolute;
    top: 17px; }

/*916*/
.hq2018lesson .n_lessonpage .list .t2 {
    background: #ffffff; }

/*920*/
.hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t8 {
    border-right: 1px solid #eeeeee; }

/*924*/
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5, .hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    border-right: 1px solid #eeeeee;
    font-size: 14px;
    line-height: 24px;
    padding: 20px 40px;
    border-bottom: 1px solid transparent; }

/*932*/
.hq2018lesson .n_lessonpage .list .t7 {
    color: #f16262; }

/*936*/
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7 {
    line-height: 32px; }

/*940*/
.hq2018lesson .n_lessonpage .list .t3 {
    padding: 20px; }

/*944*/
.hq2018lesson .n_lessonpage .list .t3 div {
    margin-bottom: 8px; }

/*948*/
.hq2018lesson .n_lessonpage .list .t3 div span {
    font-size: 14px;
    line-height: 23px;
    width: 82px;
    padding-left: 8px;
    display: inline-block; }

/*956*/
.hq2018lesson .n_lessonpage .list .t3 div .nr {
    background: #eff5fd;
    width: 278px;
    margin-bottom: 0px;
    padding: 10px;
    float: left;
    border-radius: 8px 0 0 8px; }

/*965*/
.hq2018lesson .n_lessonpage .list .t3 div .title {
    background: #b7d1f8;
    font-size: 14px;
    color: #ffffff;
    width: 14px;
    float: left;
    border-radius: 0 8px 8px 0;
    margin-bottom: 0px;
    padding: 0 13px; }

/*976*/
.hq2018lesson .n_lessonpage .list .t3 div .title b {
    display: table-cell;
    vertical-align: middle;
    width: 14px; }

/*982*/
.hq2018lesson .n_lessonpage .list .t3 .k2 .title {
    background: #93baf4; }

/*986*/
.hq2018lesson .n_lessonpage .list .t3 .k3 .title {
    background: #649cf0; }

/*990*/
.hq2018lesson .n_lessonpage .list .t8 {
    padding: 24px 8px;
    background: #ffffff; }

/*995*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon {
    text-align: center;
    margin: 7px 0 20px;
    height: 14px; }

/*1001*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span {
    color: #f16262;
    border: 1px solid #f16262;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 3px; }

/*1009*/
.hq2018lesson .n_lessonpage .list .t8 .n_coupon span a {
    color: #f16262; }

/*1013*/
.hq2018lesson .n_lessonpage .list .t8 p {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center; }

/*1020*/
.hq2018lesson .n_lessonpage .list .t8 p span {
    color: #f16262;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-right: 10px; }

/*1028*/
.hq2018lesson .n_lessonpage .list .t8 p span b {
    font-size: 14px; }

/*1032*/
.hq2018lesson .n_lessonpage .list .t8 p s {
    text-decoration: line-through;
    font-size: 14px;
    color: #999999; }

/*1038*/
.hq2018lesson .n_lessonpage .list .t8 .n_button {
    text-align: center;
    margin-top: 20px; }

/*1043*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    width: 98px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    background: #649cf0;
    margin: 0 8px; }

/*1054*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a .icon, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose li, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a li, .hq2018lesson .n_lessonpage .list .t8 .n_button a .nav_ad .banner .banner_choose .choose_now, .hq2018lesson .nav_ad .banner .banner_choose .n_lessonpage .list .t8 .n_button a .choose_now {
    vertical-align: middle;
    margin-right: 4px;
    position: relative;
    top: -1px; }

/*1060*/
.hq2018lesson .n_lessonpage .list .t8 .n_button a {
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    width: 154px; }

/*1066*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk {
    background: #ffffff;
    border: 1px solid #649cf0;
    color: #649cf0; }

/*1074*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_talk:hover {
    background: #4187f0;
    border: 1px solid #4187f0;
    color: #ffffff; }

/*1080*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart {
    background: #649cf0;
    border: 1px solid #649cf0; }

/*1085*/
.hq2018lesson .n_lessonpage .list .t8 .n_button .n_cart:hover {
    background: #4187f0;
    border-color: #4187f0; }

.hq2018lesson .n_lessonpage .list .t8 .icon-n_talk {
    display: inline-block;
    background: url("http://www.hqwx.com/assets/images/zixun_2.png") center no-repeat;
    width: 17px;
    height: 17px;
    vertical-align: text-bottom !important; }

.hq2018lesson .n_lessonpage .list .t8 .icon-n_cart {
    vertical-align: text-bottom !important;
    background: url("http://www.hqwx.com/assets/images/cart_1.png") center no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block; }

.hq2018lesson .n_lessonpage .list .t8 .n_talk:hover .icon-n_talk {
    background: url("http://www.hqwx.com/assets/images/zixun_1.png") center no-repeat; }

/*1090*/
.hq2018lesson .n_lessonpage .list .t2, .hq2018lesson .n_lessonpage .list .t3, .hq2018lesson .n_lessonpage .list .t4, .hq2018lesson .n_lessonpage .list .t5,
.hq2018lesson .n_lessonpage .list .t6, .hq2018lesson .n_lessonpage .list .t7, .hq2018lesson .n_lessonpage .list .t8 {
    border-bottom: 1px solid #eeeeee; }

/*1094*/
.hq2018lesson .n_lessonpage .green .t1 {
    background: #8cc360; }

/*1098*/
.hq2018lesson .n_lessonpage .green .t3 .nr {
    background: #f6ffef !important; }

/*1102*/
.hq2018lesson .n_lessonpage .green .t3 .k1 .title {
    background: #cce7b6; }

/*1106*/
.hq2018lesson .n_lessonpage .green .t3 .k2 .title {
    background: #b0d791; }

/*1110*/
.hq2018lesson .n_lessonpage .green .t3 .k3 .title {
    background: #8cc360; }

/*1114*/
.hq2018lesson .n_lessonpage .yellow .t1 {
    background: #fdb736; }

/*1118*/
.hq2018lesson .n_lessonpage .yellow .t3 .nr {
    background: #fffbf3 !important; }

/*1122*/
.hq2018lesson .n_lessonpage .yellow .t3 .k1 .title {
    background: #fee0a7; }

/*1126*/
.hq2018lesson .n_lessonpage .yellow .t3 .k2 .title {
    background: #fece76; }

/*1130*/
.hq2018lesson .n_lessonpage .yellow .t3 .k3 .title {
    background: #fdb736; }

/*1134*/
.hq2018lesson .n_lessonpage .red .t1 {
    background: #e24945; }

/*1138*/
.hq2018lesson .n_lessonpage .red .t3 .nr {
    background: #fff6f6  !important; }

/*1142*/
.hq2018lesson .n_lessonpage .red .t3 .k1 .title {
    background: #f3b1af; }

/*1146*/
.hq2018lesson .n_lessonpage .red .t3 .k2 .title {
    background: #ec8481; }

/*1150*/
.hq2018lesson .n_lessonpage .red .t3 .k3 .title {
    background: #e24945; }

/*1154*/
.hq2018lesson .n_lessonpage .list-3 .list {
    width: 320px; }

/*1158*/
.hq2018lesson .n_lessonpage .list-3 .t3 div .nr {
    width: 278px !important; }

/*1162*/
.hq2018lesson .n_lessonpage.list-2 .list {
    width: 570px; }

/*1166*/
.hq2018lesson .n_lessonpage.list-2 .t3 div .nr {
    width: 468px !important; }

/*浮动弹窗*/
/*浮窗*/
/*1173*/
.shade {
    display: none;
    width: 100%;
    height: 1000%;
    background: rgba(0, 0, 0, 0.5);
    background: #000 \9;
    /*IE6、7、8识别*/
    _background: none;
    /*IE6识别*/
    filter: alpha(opacity=50);
    /*IE透明度问题*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99990; }

/*1186*/
.fu_buy {
    position: fixed;
    top: 5%;
    left: 50%;
    margin-left: -370px;
    width: 720px;
    padding: 20px 20px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #888888; }

/*1197*/
.fu {
    _margin-top: 80px;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
    _position: static; }

/*1205*/
.fu .icon {
    display: inline-block;
    background-image: url("http://www.hqwx.com/images/icon.png");
    background-repeat: no-repeat; }

/*1210*/
.fu .icon-close {
    background-position: 0 -256px;
    height: 15px;
    width: 17px;
    float: right;
    margin-top: 5px;
    cursor: pointer; }

/*1218*/
.fu_title {
    border-bottom: 0px solid #fff;
    padding-bottom: 10px; }

/*1222*/
.fu_title s {
    text-decoration: none;
    font: 18px "\5FAE\8F6F\96C5\9ED1";
    color: #333333;
    font-weight: bold; }

/*1228*/
.fu_title em {
    font: 14px "\5B8B\4F53";
    color: #666666;
    font-style: normal;
    margin-left: 20px; }

/*1234*/
.fu_title em b {
    color: #649cf0;
    font-weight: normal; }

/*1238*/
.fu h4 {
    display: block;
    font: 14px "\5B8B\4F53";
    color: #666;
    padding: 40px 0;
    text-align: center; }

/*1245*/
.fu .arrow {
    background-position: 0 -957px;
    height: 21px;
    width: 21px; }

/*1250*/
.fu .selectControl em {
    font-style: normal; }

/*1253*/
.fu .icon-success-small {
    background-position: 0 -1035px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px;
    margin-top: 15px; }

/*1261*/
.fu .icon-information-small {
    background-position: 0 -521px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px; }

/*1268*/
.fu .icon-error-small {
    background-position: 0 -399px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    padding-right: 5px; }

/*1275*/
.fu .information {
    font: 14px "\5B8B\4F53";
    color: #999999;
    margin-top: 15px; }

/*1280*/
.fu .error {
    font: 14px "\5B8B\4F53";
    color: #e4393c;
    margin-top: 15px; }

/*1285*/
.fu .star {
    color: #ff8432;
    font: 12px "\5B8B\4F53";
    font-style: normal;
    margin-top: 15px; }

/*1291*/
.fu .item-btn {
    font: 12px "\5B8B\4F53";
    color: #666666; }

/*1295*/
.fu_reg .item-btn a {
    color: #649cf0; }

/*1298*/
.fu .yanzheng {
    margin-top: 15px;
    font: 12px "\5B8B\4F53";
    color: #999999; }

/*1303*/
.fu .yanzheng img {
    border: 1px solid #dddddd;
    border-radius: 5px;
    vertical-align: middle;
    margin-right: 5px; }

/*1309*/
.fu_login .formima {
    color: #666666;
    margin-left: 90px; }

/*1313*/
.fu .notice {
    font: 14x "\5B8B\4F53";
    color: #aaaaaa;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    margin-top: 35px; }

/*1320*/
.fu_se form .horizontal label {
    min-width: 260px; }

/*1323*/
.fu .item-btn {
    width: 100%; }

/*1326*/
.fu_buy_table {
    width: 720px;
    margin: 0; }

/*1330*/
.fu_buy_table th {
    font: 14px "\5B8B\4F53";
    color: #666666;
    font-weight: bold;
    background: #f5f5f5;
    text-align: left; }

/*1337*/
.fu_buy_table td {
    font: 14px "\5FAE\8F6F\96C5\9ED1";
    color: #000;
    vertical-align: middle;
    text-align: left; }

/*1343*/
.fu_buy_table th, .fu_buy_table td {
    border: 1px solid #f5f5f5;
    padding: 7px 10px; }

/*1347*/
.fu_buy .fu_buy_table .checkbox {
    margin-left: 10px; }

/*1350*/
.fu_buy .fu_buy_table input {
    margin-left: 60px; }

/*1353*/
.fu_buy .fu_buy_table .ch {
    margin: 5px 0px 5px;
    display: block; }

/*1358*/
.fu_buy .fu_buy_table .ch input {
    position: relative;
    margin-left: 10px; }

/*1363*/
.fu_buy .tagch {
    display: inline-block;
    margin-left: -8px;
    margin-right: 8px; }

/*1368*/
.fu .button-red {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-image: linear-gradient(to bottom, #f54030, #f54030);
    color: #fff !important;
    display: inline-block;
    font-family: "SimSun";
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: blink;
    width: 156px;
    background-color: #f54030\9;
    position: RELATIVE;
    left: 50%;
    margin-left: -80px;
    margin-top: 20px; }

/*1387*/
.fu .button-blue {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #46adf4, #0095db);
    border: 1px solid #0095db;
    color: #fff !important;
    display: inline-block;
    font-family: "SimSun";
    font-size: 14px;
    height: 28px;
    line-height: 35px;
    margin: 10px;
    text-align: center;
    text-decoration: blink;
    width: 148px;
    background-color: #0095db \9; }

/*1409*/
.hq2018lesson_dan .tab {
    font-size: 16px;
    margin: 0 10px;
    padding-bottom: 10px;
    font-weight: initial; }

/*1413*/
.hq2018lesson_dan .tab:first-child {
    margin-left: 50px; }

/*1416*/
.hq2018lesson_dan .tab.active {
    color: #649cf0;
    border-bottom: 2px solid #649cf0; }

/*1422*/
.hq2018lesson_dan .n_class_main {
    background: #ffffff;
    padding: 20px 20px;
    position: relative; }

/*1425*/
.hq2018lesson_dan .n_class_main .table {
    width: 100%;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1; }

/*1430*/
.hq2018lesson_dan .n_class_main .table tr td {
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1; }

/*1436*/
.hq2018lesson_dan .n_class_main .table tr:first-child, .hq2018lesson_dan .n_class_main .table tr th {
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1; }

.hq2018lesson_dan .font_20 .right {
    margin-top: 3px; }

/* shiting */
/*1450*/
.new_page .n_shiting {
    display: none;
    background: #ffffff; }

/*1453*/
.new_page .n_shiting .tab3 .videotop {
    margin-top: 30px; }

/*1457*/
.new_page .n_shiting .tab3 .videotop li {
    border: 1px solid #dddddd;
    padding: 10px 20px;
    font: 12px "\5B8B\4F53";
    color: #666666;
    vertical-align: top; }

/*1465*/
.new_page .n_shiting .tab3 .videotop li b {
    font: 14px "\5B8B\4F53";
    color: #666666;
    font-weight: bold;
    float: left;
    padding-top: 10px; }

/*1472*/
.new_page .n_shiting .tab3 .videotop .garybg {
    background: #ffffff; }

/*1475*/
.new_page .n_shiting .tab3 .videotop li div {
    float: left;
    padding: 0 0 0 20px;
    width: 900px; }

/*1480*/
.new_page .n_shiting .tab3 .videotop li .second {
    float: left;
    padding: 0 0 0 0px;
    width: 900px; }

/*1485*/
.new_page .n_shiting .tab3 .videotop li div a {
    float: left;
    color: #666666;
    width: 65px;
    display: block;
    margin: 5px 0;
    padding: 0 20px 0 20px;
    border-right: 1px solid #dddddd;
    cursor: pointer; }

/*1495*/
.new_page .n_shiting .tab3 .videotop li .fch .active {
    font-weight: bold;
    color: #649cf0;
    position: relative; }

/*1500*/
.new_page .n_shiting .tab3 .videotop li .fch .active span {
    display: block;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -9px;
    margin-top: 20px;
    _display: none; }

/*1512*/
.new_page .n_shiting .tab3 .videotop li .fch .active em {
    display: block;
    border-top: 6px solid #dddddd;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    margin-top: 20px;
    _margin-top: 12px;
    _display: none; }

/*1525*/
.new_page .n_shiting .tab3 .videotop li .sch {
    display: none; }

/*1528*/
.new_page .n_shiting .tab3 .videotop li .sch em {
    font-style: normal;
    padding: 5px;
    text-align: center;
    display: inline-block;
    min-width: 45px; }

/*1532*/
.new_page .n_shiting .tab3 .videotop li .sch .active em {
    background: #649cf0;
    color: #fff;
    border-radius: 23px; }

/*1537*/
.new_page .n_shiting .tab3 .videonr {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative; }

/*1542*/
.new_page .n_shiting .tab3 .videonr {
    border: 1px solid #dddddd; }

/*1545*/
.new_page .n_shiting .tab3 .videonr div h4 {
    color: #666666;
    border-bottom: 1px solid #ddd;
    padding: 10px; }

/*1550*/
.new_page .n_shiting .tab3 .videonr div .left {
    float: left;
    display: block;
    width: 250px;
    border: 0px;
    margin: 20px; }

/*1557*/
.new_page .n_shiting .tab3 .videonr div .left .title {
    margin-bottom: 15px; }

/*1560*/
.new_page .n_shiting .tab3 .videonr div .left a {
    float: left;
    display: block;
    margin: 10px 10px 10px 0;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    width: 250px; }

/*1569*/
.new_page .n_shiting .tab3 .videonr div .left a:hover {
    color: #649cf0; }

/*1572*/
.new_page .n_shiting .tab3 .videonr div .left span {
    display: block;
    border-left: 4px solid #649cf0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 10%;
    left: 0%; }

/*1583*/
.new_page .n_shiting .tab3 .videonr .right {
    float: left;
    width: 660px; }

/*1587*/
.new_page .n_shiting .tab3 .videonr .right .kp_iframe {
    margin-top: 20px; }

/*1590*/
.new_page .n_shiting .tab3 .videonr .right img {
    margin-top: 20px; }

/*1593*/
.new_page .n_shiting .tab3 .shipin {
    display: none; }

/*1596*/
.new_page .n_shiting .shiting_title {
    color: #666666;
    margin-top: 20px;
    margin-bottom: 10px; }

/*1601*/
.new_page .n_shiting .shiting_iframe {
    float: left;
    border: none;
    margin-left: 10px;
    width: 850px;
    height: 480px; }

/*1608*/
.new_page .n_shiting .shiting_player {
    position: relative;
    background: #000;
    height: 480px;
    margin-top: 0 !important; }

/*1613*/
.new_page .n_shiting .shiting_error {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }

/*1619*/
.new_page .n_shiting .shiting_content {
    width: 312px;
    float: left; }

/*1623*/
.new_page .n_shiting .shiting_content h4 {
    font: 14px "microsoft yahei";
    color: #649cf0;
    text-align: center;
    padding: 10px 0;
    font-weight: bold; }

/*1630*/
.new_page .n_shiting .shiting_list {
    background: #2b2b2b;
    padding: 10px 0 0px;
    border: 0px;
    width: 310px;
    height: 408px;
    margin: 10px 5px;
    overflow: hidden;
    outline: none; }

/*1640*/
.new_page .n_shiting .shiting_list li {
    font: 14px "microsoft yahei";
    color: #a3a3a2;
    padding: 10px 0;
    padding-left: 40px;
    position: relative; }

/*1647*/
.new_page .n_shiting .shiting_list li:hover {
    background: #1b1b1b; }

/*1650*/
.new_page .n_shiting .newpic_free {
    background: url(http://www.hqwx.com/subject/jjswk/images/newpic2.png) -208px 0px no-repeat;
    height: 27px;
    width: 39px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: 10px;
    display: none; }

/*1660*/
.new_page .n_shiting .cansee .newpic_free {
    display: block; }

/*1665*/
.icon-n_addcart {
    height: 120px;
    width: 46px;
    position: absolute;
    left: 50%;
    margin-left: 591px;
    top: 5px;
    cursor: pointer;
    z-index: 90; }

/*1676*/
.icon-n_addcart b {
    margin-left: 24px;
    width: 20px;
    height: 20px;
    background: red;
    display: inline-block;
    border-radius: 10px;
    color: #Ffffff;
    text-align: CENTER; }

/*1688*/
.list_city {
    background: #ffffff;
    width: 1152px;
    margin: 0 auto 20px;
    height: 65px;
    padding: 30px 0 30px 28px; }

/*1695*/
.list_city ul li {
    float: left; }

/*1698*/
.list_city ul li a {
    font-size: 14px;
    display: inline-block;
    width: 58px;
    height: 28px;
    line-height: 28px;
    margin: 3px 0 3px 12px;
    border-radius: 13px;
    text-align: center; }

/*1709*/
.list_city ul li a:hover, .list_city ul li a.cur {
    color: #ffffff;
    background: #649cf0; }

/*1721*/
.hq2018shiti .guide-body {
    background: #ffffff;
    padding: 40px 20px; }

/*1724*/
.hq2018shiti .guide-body table {
    width: 100%;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1; }

/*1729*/
.hq2018shiti .guide-body table tr td {
    line-height: 40px;
    text-align: center;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1; }

/*1734*/
.hq2018shiti .guide-body table tr td a:hover {
    color: #649cf0; }

/*1738*/
.hq2018shiti .guide-body table tr:first-child, .hq2018shiti .guide-body table tr th {
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1; }

/*1753*/
.hq2018tiku .big_box .l {
    width: 840px;
    padding: 30px 20px;
    background: #ffffff;
    float: left; }

/*1758*/
.hq2018tiku .big_box .l ul li {
    width: 420px;
    float: left;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    zoom: 1;
    margin-right: 0px;
    background: url(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat; }

/*1764*/
.hq2018tiku .big_box .l ul li a {
    display: inline-block;
    padding-left: 14px;
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*1772*/
.hq2018tiku .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; }

/*1783*/
.hq2018tiku .big_box .l ul li a.download:hover {
    color: #ffffff;
    background: #639def; }

/*1793*/
.r {
    width: 240px;
    background: #ffffff;
    margin-left: 20px;
    padding: 30px 20px;
    height: 395px;
    float: left; }

.hq2018tiku .big_box .r {
    padding: 32px 20px; }

/*1800*/
.r ul li {
    width: 240px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*1801*/
.r ul li em {
    margin-right: 10px; }

/*1811*/
a.cur_red {
    color: #ff4030; }

.hq2018tiku a:hover, .hq2018news_ksdt a:hover {
    color: #649cf0; }

/*1816*/
.hq2018news_ksdt .big_box .l {
    width: 840px;
    padding: 30px 20px;
    background: #ffffff;
    float: left; }

/*1821*/
.hq2018news_ksdt .big_box .l .l1, .hq2018news_ksdt .big_box .l .l2 {
    width: 50%;
    float: left;
    margin-bottom: 18px;
    overflow: hidden; }

/*1825*/
.hq2018news_ksdt .big_box .l .l1 a, .hq2018news_ksdt .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;
    /* for Opera */
    text-overflow: ellipsis;
    /* for IE */ }

/*1835*/
.hq2018news_ksdt .big_box .l .l1 p, .hq2018news_ksdt .big_box .l .l2 p {
    width: 390px;
    line-height: 24px;
    height: 48px; }

/*1841*/
.hq2018news_ksdt .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(http://www.hqwx.com/tiku/build/images/dot.png) center left no-repeat; }

/*1848*/
.hq2018news_ksdt .big_box .l ul li a {
    display: inline-block;
    padding-left: 14px;
    width: 305px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*1856*/
.hq2018news_ksdt .big_box .l ul li span {
    float: right;
    margin-right: 18px;
    color: #9598a2;
    display: inline-block;
    width: 58px; }

/*1871*/
.hq2018books {
    display: none; }

.book-body {
    background: #ffffff;
    margin-bottom: 50px; }

/*1874*/
.book-body .book-items {
    padding: 40px 20px;
    margin: 0 20px;
    width: 1100px;
    height: 275px;
    overflow: hidden; }

/*1881*/
.book-body ul li {
    width: 200px;
    float: left;
    margin: 20px; }

/*1885*/
.book-body ul li img {
    margin: 1px 30px 20px 30px; }

/*1888*/
.book-body ul li .bookname {
    width: 200px;
    line-height: 22px;
    text-align: center; }

/*1893*/
.book-body ul li .new-price {
    color: #f54030; }

/*1896*/
.book-body ul li .old-price {
    color: #cccccc;
    text-decoration: line-through;
    margin-left: 12px; }

.price-wrap {
    text-align: center;
    margin-bottom: 20px; }

.hq2018news_ksdt .right {
    width: 805px;
    text-align: right;
    margin-top: 2px; }

.right a {
    margin-left: 20px; }

#doyoo_panel {
    display: none !important; }

.coursecard .coursecard-teacher li img {
    border-radius: 50%; }

.csshackmac .coursecard .coursecard-catelog {
    line-height: 24px; }

.csshackwin .coursecard .coursecard-catelog {
    line-height: 20px; }

.csshackmac .kecheng_shiting ul li .n_nr p.intro a, .csshackmac .hq2018course .courseinfo .time_line ul li .icon-n_list, .csshackmac .zhibo_com .hq-1v1-info .hq-1v1-class-order, .csshackmac .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .csshackmac .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    line-height: 26px; }

.csshackwin .kecheng_shiting ul li .n_nr p.intro a, .csshackwin .hq2018course .courseinfo .time_line ul li .icon-n_list, .csshackwin .zhibo_com .hq-1v1-info .hq-1v1-class-order, .csshackwin .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .csshackwin .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    line-height: 22px; }

/*友情链接*/
.exam_message {
    margin: 20px auto;
    width: 1100px;
    padding: 25px 40px 40px 40px;
    background: #ffffff;
    height: 115px; }

.exam_message .font_16 {
    margin-bottom: 20px; }

.exam_message .font_16 .cur {
    cursor: pointer;
    font-weight: bold; }

.exam_message .font_16 span {
    font-weight: normal;
    margin: 0 10px; }

.exam_message .font_16 span:first-child {
    margin-left: 0; }

.exam_message .exam_info {
    line-height: 32px; }

.exam_message .exam_info ul a {
    margin-right: 20px; }

/*弹窗部分*/
.nav .w1180 h1 {
    font-size: 18px;
    width: 270px;
    *width: 269px;
    letter-spacing: 1px; }

.nav .w1180 h1:hover {
    background-color: #5990E3; }

.nav .w1180 h1 em {
    display: inline-block;
    background: url("http://www.hqwx.com/assets/images/dh_icon.png") left center no-repeat;
    background-size: inherit;
    width: 20px;
    height: 12px;
    margin: 0 20px; }

.nav .daohang {
    width: 840px;
    *width: 851px;
    float: left;
    margin-left: 87px;
    *margin-left: 69px;
    margin-right: -18px; }

.nav .daohang div a, .nav .daohang div ul li, .nav .daohang div ul {
    width: 130px; }

.nav .courselist {
    position: absolute;
    margin-top: 70px;
    padding-top: 24px;
    background: #ffffff;
    width: 900px;
    overflow: auto;
    z-index: 22;
    line-height: 28px;
    box-shadow: 1px 2px 1px rgba(14, 5, 10, 0.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, .nav .courselist .part div a.cur {
    color: #649cf0; }

.cousepart {
    position: relative; }

.cousepart .coursemain .pic {
    position: absolute;
    top: 0;
    left: 0;
    float: left; }

.zhibo_com {
    display: none;
    width: 240px !important;
    height: 300px !important;
    padding: 23px 20px !important;
    background: #ffffff;
    float: left; }
.zhibo_com ul li .block_teacher {
    width: 65px;
    float: left;
    text-align: center;
    margin-right: 7px; }
.zhibo_com .icon-n_arrow-right {
    background-position: 0 -573px;
    height: 12px;
    width: 6px;
    background-image: url(https://wenda.hqwx.com/statics/channel/images/icon-sfb7750eb5a.png);
    background-repeat: no-repeat;
    cursor: pointer; }
.zhibo_com .icon-n_arrow-right:hover {
    background-position: 0 -556px; }
.zhibo_com .icon-n_arrow-left {
    cursor: pointer;
    background-position: 0 -539px;
    margin: 0 10px;
    height: 12px;
    width: 6px;
    background-image: url(https://wenda.hqwx.com/statics/channel/images/icon-sfb7750eb5a.png);
    background-repeat: no-repeat; }
.zhibo_com .icon-n_arrow-left:hover {
    background-position: 0 -522px; }
.zhibo_com .n_nr .n_timetoday {
    background-position: 0 -1135px;
    height: 16px;
    width: auto;
    padding-left: 45px;
    display: none;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    line-height: 16px; }
.zhibo_com .font_16 {
    border-left: 3px solid #649cf0;
    padding-left: 10px; }
.zhibo_com .font_16 span {
    font-weight: 100;
    float: right;
    color: #979aa4;
    font-size: 14px; }
.zhibo_com .hq-1v1-info {
    margin-top: 20px;
    line-height: 23px;
    display: flex;
    max-height: 306px;
    height: auto;
    overflow: hidden; }
.zhibo_com .hq-1v1-info .hq-1v1-class-order {
    display: inline-block; }
.zhibo_com .hq-1v1-info .hq-1v1-class-order:hover {
    background: #649cf0;
    color: #ffffff; }
.zhibo_com .hq-1v1-info .hq-1v1-class-enter {
    display: none; }
.zhibo_com .hq-1v1-info .hq-1v1-class-enter:hover {
    background: #f16262;
    color: #ffffff !important; }
.zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    display: none; }
.zhibo_com .hq-1v1-info .hq-1v1-class-nostart:hover {
    background: #999999 !important;
    color: #ffffff !important; }
.zhibo_com .hq-1v1-info .n_avator {
    width: 42px;
    height: 42px;
    border-radius: 100%;
    border: 1px solid #eeeeee; }
.zhibo_com .hq-1v1-info .n_teacher {
    width: 65px;
    text-align: center;
    color: #9598a2;
    margin-top: -2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left; }
.zhibo_com .hq-1v1-info .live_title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.zhibo_com .hq-1v1-info .live_title2 {
    color: #9598a2;
    line-height: 26px; }
.zhibo_com ul li .n_nr .n_ing {
    display: none;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 5px;
    background-position: 0 -1114px;
    height: 16px;
    line-height: 16px;
    padding-left: 50px;
    width: auto !important; }
.zhibo_com ul li .hq-1v1-class-enter {
    display: none;
    border: 1px solid #f16262 !important;
    color: #f16262 !important;
    text-align: center; }
.zhibo_com .hq-1v1-info-order .hq-1v1-class-nostart {
    display: inline-block;
    border: 1px solid #999999 !important;
    color: #999999 !important; }
.zhibo_com .n_nr .n_timetoday, .zhibo_com ul li .n_nr .n_ing {
    background-image: url("http://www.hqwx.com/leraning/statics/blue/images/icon-sfb7750eb5a.png");
    background-repeat: no-repeat; }
.zhibo_com .hq-1v1-info-today .n_timetoday, .zhibo_com .hq-1v1-info-today-enter .n_timetoday {
    display: inline-block !important; }

.zhibo_com .hq-1v1-info .hq-1v1-class-order, .zhibo_com .hq-1v1-info .hq-1v1-class-enter, .zhibo_com .hq-1v1-info .hq-1v1-class-nostart {
    position: relative;
    top: -27px;
    margin-left: 160px;
    margin-right: 2px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #649cf0;
    color: #649cf0;
    text-align: center;
    border-radius: 13px;
    cursor: pointer; }

.zhibo_com .hq-1v1-info .button-disabled {
    position: relative;
    top: -27px;
    margin-left: 160px;
    margin-right: 2px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 13px;
    cursor: pointer; }
.zhibo_com .hq-1v1-info .button-disabled:hover {
    background: #DDDFE8;
    border: 1px solid #DDDFE8;
    color: #ffffff !important; }

.zhibo_com ul li.hq-1v1-info-enter .n_nr .n_time, .zhibo_com .hq-1v1-info-today .n_time, .zhibo_com ul .hq-1v1-info-enter .hq-1v1-class-order, .zhibo_com .hq-1v1-info-order .hq-1v1-class-order, .zhibo_com .hq-1v1-info-today-enter .hq-1v1-class-order, .zhibo_com .hq-1v1-info-today-enter .n_time {
    display: none; }

.zhibo_com ul li.hq-1v1-info-enter .n_nr .n_ing, .zhibo_com ul .hq-1v1-info-enter .hq-1v1-class-enter, .zhibo_com ul .hq-1v1-info-today-enter .hq-1v1-class-enter {
    display: inline-block; }

.zhibo_com .eui.button-disabled, .zhibo_com .hq-1v1-info-enter.hq-1v1-info-order .eui.button-disabled, .zhibo_com .living .eui.button-disabled, .zhibo_com .hq-1v1-info-today .eui.button-disabled {
    display: none;
    background: #DDDFE8;
    border: 1px solid #DDDFE8;
    color: #ffffff !important; }

.zhibo_com .hq-1v1-info-order .hq-1v1-class-nostart, .zhibo_com .hq-1v1-info-order .eui.button-disabled {
    display: inline-block;
    background: #DDDFE8;
    border: 1px solid #DDDFE8;
    color: #ffffff !important; }

.zhibo_com .hq-1v1-info .hq-1v1-class-order.eui.button-disabled {
    display: inline-block; }

.icon {
    background-size: auto !important; }

.zhibo_com .font_16 span, .main_page_teacher .font_16 span, .kecheng_shiting .font_16 span {
    float: right;
    color: #979aa4;
    font-size: 14px; }

.hq2018content .hq_news .down_block {
    display: none; }
.hq2018content .hq_news .down_block ul {
    margin-top: 20px;
    display: inline-block; }
.hq2018content .hq_news .down_block ul li {
    width: 530px;
    height: 42px;
    line-height: 42px; }
.hq2018content .hq_news .down_block ul li:hover a.down_btn {
    background: #649CF0;
    color: #ffffff;
    border: 1px solid #649CF0; }
.hq2018content .hq_news .down_block ul li a {
    display: inline-block;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.hq2018content .hq_news .down_block ul li a.down_btn {
    display: inline-block;
    width: 70px;
    float: right;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #649CF0;
    background: #ffffff;
    border: 1px solid #649CF0;
    border-image: initial;
    border-radius: 12px;
    margin-top: 10px; }
.hq2018content .hq_news .down_block a.down_more {
    margin: 2px;
    display: block;
    width: 100%;
    text-align: center;
    color: #9598A2; }
/* channel */
.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{clear:both;height:0;font-size:0; overflow: hidden;}
.clearboth{clear:both; height:2px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

 
.ad_title ul {
    display: table;
}
.ad_title ul li {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 5px;
    border-radius: 50%;
    background: #fff;
    text-indent: 100px;
    cursor: pointer;
}

 .zg_box {
    width: 100%;
    height: auto;
    min-width: 1000px;
}
 .zght_2036 {
    padding: 26px 0 20px;
}
.zght_2036 {

    margin: 30px auto;

    padding: 30px 0 20px;
}
.layout, .wrap {
    width: 1185px;
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1920px;
    clear: both;
}
.zg_1600 .zght_2036 .zggkht_1023 {
    padding: 0 25px;
}
.zght_2036_botL {
    width: 66.25%;
    float: left;
}
.zght_2036_botR {
    width: 32.65%;
    float: right;
    position: relative;
}



.zght_2036{background: #fff;margin: 30px auto;padding:30px 0 20px;}
.zght_2036_botL{width: 66.25%;float: left;}
.zght_2036_skxxL{width: 50.46%;float: left;}
.zght_2036_skxxLNr{overflow: hidden;}
.zght_2036_skxxLNr h6{font-size: 22px;line-height: 29px;margin-bottom: 15px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.zght_2036_skxxLNr h6 a{color:#E60012;}
.zght_2036_skxxLNr p{font-size:16px;line-height: 38px;height: 38px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.zght_2036_skxxR{width: 43%;float: right;padding-top: 2px;padding-right: 3px;}


.zg_1600 .zg_gmNews{margin-top: 25px;}
.zg_1600 .zg_zwcfc,.zg_1600 .zg_gmNews,.zg_1600 .zg_gm6dsq{margin-left: 25px;margin-right:25px;}
.zg_1600 .zg_gm0105Bt span{font-size: 20px;}
.zg_1600 .zg_zwcfc{padding-right: 199px;}
.zg_1600 .zg_zwcfcLet span{font-size: 28px;}
.zg_1600 .zg_zwcfcTabList li{padding:5px 0 5px 2%;}
.zg_1600 .zg_zwcfcRet{width: 199px;}
.zg_1600 .zg_zwcfcRet a{font-size:16px;}
.zg_1600 .zg_gmNewsLet h5,.zg_1600 .zg_gmNewsRet h4{font-size:20px;line-height: 26px;}
.zg_1600 .zg_gmNewsLet p.last{display: none;}
.zg_1600 .zg_gmNewsRet ul{padding-bottom: 4px;}
.zg_1600 .zg_gmNewsRet ul li{padding: 10px 0 10px 28px}
.zg_1600 .zg_gmNewsRet ul li.last{border-bottom:0;}
.zg_1600 .zg_gm6dsqBt{height:140px;}
.zg_1600 .zg_gm6dsqBtLet{height:90px;font-size: 22px;}
.zg_1600 .zg_gm6dsqBtLet b{font-size: 26px;line-height: 40px;}
.zg_1600 .zg_gm6dsqBtCont a{height: 110px;font-size: 22px;line-height: 28px;}
.zg_1600 .zg_gm6dsqBtCont a b{padding:28px 0 0 14px;}
.zg_1600 .zg_gm6dsqBtCont span{height: 120px;}
.zg_1600 .zg_gm6dsqBtCont a i{right:11px;}
.zg_1600 .zg_gm6dsq{margin-bottom: 25px;}


.recommendTabTit li{float: left;padding:0 10px;margin-right: 10px;position: relative;font:bold 22px/22px 'Microsoft Yahei';padding-bottom: 11px;}
.recommendTabTit li.on,.recommendTabTit li.on a{color: #E60012;}
.recommendTabTit li.on p{display: block;}
.recommendTabTit li p{position: absolute;bottom:0;left:50%;margin-left:-35px;width:70px; height:70px; clip: rect(62px, 70px, 70px, 10px);display: none;}
.recommendTabTit li em{display:block;position:absolute;bottom:0;left:43%;margin-left:-20px;border:3px solid #E60012;width:30px;height:30px;border-radius:50%;animation:.5s spin;animation-iteration-count:1;clip:rect(0px, 30px,80px, 0px);animation-fill-mode:forwards}

.recommendCont{margin:4px auto 0;padding-top:5px;}
.recommendCont .tabBox{border-radius: 8px;margin-bottom: 25px;padding:15px 15px 5px;position: relative;width: 100%;left: -15px;display: none;}
.recommendCont .tabBox:hover{box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.recommendCont h5{line-height:50px;margin-bottom: 10px;height: 50px;background: #EFF5FF;padding:0 10px;font-size:15px;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color:#3C69D1;}
.recommendCont h5 a{color:#3C69D1;font-weight: 600;font-size: 18px;}
.recommendCont h5 span{display:inline-block;padding:0 8px;line-height:30px;background:-webkit-linear-gradient(to right,#689DE2,#4C77DB);background:-o-linear-gradient(to right,#689DE2,#4C77DB);background: -moz-linear-gradient(to right,#689DE2,#4C77DB);background:linear-gradient(to right,#689DE2,#4C77DB);margin-right:10px;border-radius:4px;font-size:14px;}
.recommendCont h5 span a{color:#fff;}
.recommendCont h5.orangeBK{background: #FDF7ED;color: #EC7900;margin-top:20px;}
.recommendCont h5.orangeBK a{color: #EC7900;}
.recommendCont h5.orangeBK span{background:-webkit-linear-gradient(to right,#F6A14C,#F27C07);background:-o-linear-gradient(to right,#F6A14C,#F27C07);background:-moz-linear-gradient(to right,#F6A14C,#F27C07);background:linear-gradient(to right,#F6A14C,#F27C07);}
.recommendCont h5.orangeBK span a{color: #fff;}
.recommendCont p{font-size:14px;line-height: 30px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.recommendCont p.last{margin-bottom: 20px;}




.zght_2036_skxxRBt{ height: 47px; margin-bottom: 17px;}
.zght_2036_skxxRBt span{ float: left; font-weight: bold; position: relative; margin-right: 10px; position: relative;}
.zght_2036_skxxRBt span::after{ content: " "; position: absolute; width: 100%; height: 100%; opacity: 0; transition: all .2s linear; background: url(http://statics.offcn.com/offcn/pc/images/ht1124bk10.png) repeat-y; background-size: 100%; left: 0; top: 0; border-radius: 5px;}
.zght_2036_skxxRBt span:last-child{ margin-right: 0;}
.zght_2036_skxxRBt span a{ line-height: 38px; font-size: 14px; padding: 0 15px; float: left; border: solid 1px #e6e6e6; border-radius: 5px; position: relative; z-index: 2;}
.zght_2036_skxxRBt span.on a{ color: #fff; border: 0; line-height: 40px;}
.zght_2036_skxxRBt span.on::after{ opacity: 1;}
.zght_2036_skxxRBt em{ position: absolute; width: 12px; height: 7px; left: 50%; bottom: -6px; background: url(http://statics.offcn.com/offcn/pc/images/ht1124bk09.png) no-repeat; margin-left: -6px; transition: all .2s linear; opacity: 0; z-index: 3;}
.zght_2036_skxxRBt span.on em{ opacity: 1;}
.zght_2036_skxxRNr img { border-radius: 5px;width:305px;height:210px; }
@media screen and (max-width: 1600px){ .zght_2036_skxxRBt span a{ padding: 0 14px;}}
@media screen and (max-width: 1440px){ .zght_2036_skxxRBt span a{ padding: 0 10px;}}
@media screen and (max-width: 1366px){ .zght_2036_skxxRBt{ height: 44px; margin-bottom: 16px;}
.zght_2036_skxxRBt span a{ font-size: 16px; padding: 0 10px; line-height: 34px;}
.zght_2036_skxxRBt span.on a{ line-height: 36px;}}

.zght_2036_skxxR p {
	width: 95%;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.fullBox{display:none; position: fixed;left: 0; top: 0;min-width:1200px; z-index: 99999; overflow: hidden;width:100%;height:100%;background:url("../images/zgb_fullBk.jpg") no-repeat center center; background-size:100% 100%;}
.zgb_fulltop{position: absolute;left:50%;top:0;width:12%; transform:translateX(-50%); }
.zgb_fulltop img{width:100%;}
.zgb_fullcon{position: relative; width:100%;height:100%;text-align:center;}
.zgb_fullcon img{width:46.3%;margin-top:13%;transform: translateX(-3%);}
.zgb_full_item{position:absolute; left:50%;top:27%;width:21%;height:8%; z-index:999991;}
.zgb_full_item li{position:absolute;left:0;top:0;height:100%;}


.zgb_fullbot{display:none;min-width:1200px;position:fixed;left:0;bottom:0;z-index:999991;}
.zgb_fullbot img{width:100%;height:auto;}
.zgb_fullbot img.zgb_fullbot_close{width:36px;height:36px;display:block;cursor:pointer;position: absolute;right:20px;top:-30px;}
.zgb_fullbot_txt{position:absolute;left:0;bottom:0; width:100%;height:100%;}
.zgb_fullbot_left{float: left;width:49%;height:100%; display: flex;align-items: center;justify-content:flex-end;}
.zgb_fullbot_left span{ font-size:34px;color:#fff;margin-right:30px;}
.zgb_fullbot_left b{ font-size:52px;color:#fff;font-weight: bolder;margin-right:45px;}
.zgb_fullbot_rig{float: right;width:50%;height:100%;display: flex;align-items:center;justify-content:flex-start;}
.zgb_fullbot_rig span{font-size:40px;color:#bb0000;font-weight:bold;margin-left:10px;}
.zgb_fullbot_rig a{display: block;width:188px;text-align:center;margin-left:25px; line-height:52px;font-size:22px;color:#fff; height:53px;background:url("../images/zgb_full_btn.png") no-repeat center center;}