.index-sec {
    background: #fff;
}
.index-sec>div {
    position: relative;
    top: 10px;
}
.index-sec h1, .index-sec h2 {
    font-size: 18px;
    position: relative;
    text-align: center;
    margin: 30px auto 35px
}
.index-sec h1:after, .index-sec h2:after {
    content: '';
    position: absolute;
    background: #efefef;
    height: 1px;
    left: 0;
    right: 0;
    top: 13px
}
.index-sec h1 strong, .index-sec h2 strong {
    font-weight: 400;
    padding: 0 20px;
    background: #fff;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
.index-sec h1,  .index-sec h2 {
    margin: 30px 15px
}
}

@media (max-width:480px) {
.index-sec h1,  .index-sec h2 {
    margin: 20px 10px
}
}
.index-sec .sec-more {
    text-align: right;
    margin-bottom: 20px
}

@media (max-width:767px) {
.index-sec .sec-more {
    margin-bottom: 10px
}
}
.index-sec .sec-more a {
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 15px;
    padding: 4px 11px;
    display: inline-block;
    margin-bottom: 20px
}
.index-sec .sec-more a:hover {
    border-color: #15c288
}
.index-sec .carousel-control {
    font-size: 30px;
    top: 42px;
    width: 35px;
    height: 48px;
    line-height: 48px;
    top: 50%;
    margin-top: -24px;
    background: #f0f0f0;
    color: #aaa;
    text-shadow: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: none
}
.index-sec .carousel-control.big {
    height: 80px;
    line-height: 80px;
    margin-top: -40px;
    color: #444
}
.index-sec .carousel-control:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}
.index-sec .carousel:hover .carousel-control {
    display: block
}
.hz-poster .hz-site {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px
}
.hz-poster .hz-site>div {
    position: relative;
    height: 100%
}
.hz-poster .hz-site .site-data {
    position: absolute;
    z-index: 2;
    right: -200px;
    top: 50%;
    margin-top: -105px;
    height: 210px;
    display: inline-block;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 0;
    filter: alpha(opacity=0)
}
.hz-poster .hz-site .site-data.act {
    right: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}
.hz-poster .hz-site .site-data.act>a {
    margin-top: 15px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}
.hz-poster .hz-site .site-data>a {
    display: block;
    border-radius: 40px;
    margin-top: 50px;
    padding: 10px 0;
    font-size: 20px;
    background: #fd7b53;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0)
}
.hz-poster .hz-site .site-data>a:hover {
    background: #fd683a
}
.hz-poster .hz-site .data {
    background: rgba(5, 5, 5, .11);
    border-radius: 10px;
    padding: 18px 22px
}
.hz-poster .hz-site .hz-line-left {
    padding-left: 15px;
    margin: 0
}
.hz-poster .hz-site .hz-line-left:after {
    height: 16px;
    background: #fd7b53;
    top: 1px
}
.hz-poster .hz-site .number {
    padding-right: 66px;
    position: relative
}
.hz-poster .hz-site .number .text {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px
}
.hz-poster .hz-site .number strong {
    font-size: 64px
}
.hz-index-bottom {
    padding: 70px 0;
    background: #459838 url(../images/index-bottom.jpg);
    background-size: cover
}

@media (max-width:767px) {
.hz-index-bottom {
    padding: 35px 0
}
}
.hz-index-bottom.act li {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100)
}
.hz-index-bottom.act .more {
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
    filter: alpha(opacity=100)
}
.hz-index-bottom a {
    color: #fff
}
.hz-index-bottom li {
    padding: 0 20px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    opacity: 0;
    filter: alpha(opacity=0)
}
.hz-index-bottom li.li2 {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.hz-index-bottom li.li3 {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}
.hz-index-bottom li .pic {
    margin-bottom: 20px
}
.hz-index-bottom li img {
    max-width: 100%
}
.hz-index-bottom .more {
    margin-top: 35px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}
.hz-index-bottom .more a {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 12px 35px;
    font-size: 24px
}
.hz-index-bottom .more a:hover {
    background: #fff;
    color: #15c288
}
.hz-index-bottom .more a i {
    vertical-align: text-top;
    font-size: 20px
}

@media (max-width:767px) {
.hz-index-bottom .more a {
    font-size: 18px;
    padding: 10px 25px
}
.hz-index-bottom .more a i {
    vertical-align: top
}
}
.hz-hottag .hottag-list>div {
    text-align: center;
    margin-top: -1px;
    font-size: 15px;
    width: 12.5%;
    height: 100px
}
.hz-hottag .hottag-list>div a {
    color: #666
}

@media (max-width:767px) {
.hz-hottag .hottag-list>div a img {
    max-width: 80%
}
}

@media (max-width:480px) {
.hz-hottag .hottag-list>div {
    width: 25%
}
}
.hz-hottag .hottag-list>div:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    width: 80px
}
.hz-hottag .hottag-list span {
    color: #15c288;
    font-size: 14px;
    display: none
}
.hz-hottag .hottag-list img {
    width: 60px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.hz-daren {
    padding-bottom: 30px
}

@media (max-width:767px) {
.hz-daren {
    padding-bottom: 25px
}
}
.hz-daren .carousel-inner {
    margin-bottom: 20px
}
.hz-daren .daren-list {
    margin: 0 -15px
}
.hz-daren .daren-list>div {
    padding: 0 15px
}

@media (max-width:767px) {
.hz-daren .daren-list {
    margin: 0 -8px
}
.hz-daren .daren-list>div {
    padding: 0 8px
}
}

@media (max-width:480px) {
.hz-daren .daren-list>div {
    width: 100%;
    margin-top: -1px
}
}
.hz-daren .list-item {
    padding: 20px;
    border: 1px solid #f0f0f0
}

@media (max-width:767px) {
.hz-daren .list-item {
    padding: 10px
}
}
.hz-daren .list-item p {
    margin-bottom: 0
}
.hz-daren .list-item .avatar {
    border-radius: 50%;
    float: left;
    margin-right: 15px
}
.hz-daren .list-item .avatar img {
    max-width: 100%;
    width: 100px;
    border-radius: 50%;
    height: auto
}
.hz-daren .list-item .avatar img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}
.hz-daren .list-item .main {
    padding-top: 10px
}
.hz-daren .list-item .icon {
    margin: 5px 0 10px 0
}
.hz-daren .list-item .icon span {
    background: #ff9439;
    border: 1px solid #ff8115;
    color: #fff;
    padding: 6px 15px;
    border-radius: 20px;
    max-width: 120px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:767px) {
.hz-daren .list-item .icon span {
    padding: 6px 9px
}
}
.hz-daren .list-item .icon .icon-i {
    font-size: 13px;
    vertical-align: text-top
}

@media (max-width:992px) {
.hz-daren .list-item {
    text-align: center
}
}

@media (max-width:992px) and (max-width:992px) {
.hz-daren .list-item .avatar {
    margin-right: 0;
    float: none
}
}
.hz-thread {
    background: #f6f6f6
}
.hz-thread h2 strong {
    background: #f6f6f6
}
.hz-thread .item {
    margin: 0 -4px
}
.hz-thread .item>li {
    padding: 0 4px;
    position: relative;
    margin-bottom: 20px
}
.hz-thread .item>li a {
    display: block;
    overflow: hidden
}
.hz-thread .item>li img {
    width: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}
.hz-thread .item>li img:hover {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.hz-thread .item .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
    color: #fff;
    padding-bottom: 5px;
    margin: 0 5px;
    background: #000\9;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .01));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .01));
    background-image: linear, bottom, rgba(0, 0, 0, .1), rgba(0, 0, 0, .01)
}
.hz-thread .item .bottom h3 {
    font-size: 16px;
    text-align: center;
    line-height: 23px
}
.hz-thread .item .bottom p {
    padding: 0 10px
}
.hz-thread .item .bottom p span {
    display: inline-block;
    width: 50%;
    float: left
}
.hz-thread .carousel-control {
    height: 80px;
    line-height: 80px;
    margin-top: -50px;
    color: #444
}

@media (max-width:767px) {
.hz-thread .item .bottom {
    padding: 0 5px
}
.hz-thread .item .bottom h3 {
    margin: 0;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    text-align: left;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
}
.hzindex-classroom .classroom-list {
    margin: 0 -13px
}
.hzindex-classroom .classroom-list>li {
    padding: 0 13px;
    margin-bottom: 20px
}
.hzindex-classroom .classroom-list>li:hover .layer {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}
.hzindex-classroom .pic {
    position: relative
}
.hzindex-classroom .pic img {
    width: 100%
}
.hzindex-classroom .info {
    padding: 0 14px;
    border: 1px solid #f0f0f0
}
.hzindex-classroom .info h3 {
    font-size: 14px;
    color: #444;
    margin: 13px 0
}
.hzindex-classroom .info p {
    color: #666;
    font-size: 12px;
    height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.hzindex-classroom .info a {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    padding: 8px 0;
    border-radius: 4px
}
.hzindex-classroom .layer {
    padding: 30px 50px;
    background: #040404;
    background: rgba(4, 4, 4, .7);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden
}
.hzindex-classroom .layer span {
    color: #15c288
}
.hzindex-classroom .layer i {
    margin-right: 10px
}
.hzindex-classroom .layer li {
    margin-bottom: 3px
}
.hzindex-classroom .dynamic {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #f0f0f0
}
.hzindex-classroom .dynamic h4 {
    margin: 0 0 20px 0
}
.hzindex-classroom .dynamic h4:after {
    height: 16px
}
.hzindex-classroom .dynamic .swiper-slide {
    width: 100%
}
.hzindex-classroom .dynamic .col-md-6 {
    padding: 0 13px;
    padding-left: 50px;
    padding-right: 80px;
    line-height: 23px
}
.hzindex-classroom .dynamic .col-md-6 p {
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.hzindex-classroom .dynamic .col-md-6 .avatar-ss {
    position: absolute;
    top: 0;
    left: 20px
}
.hzindex-classroom .dynamic .time {
    color: #999;
    position: absolute;
    right: 30px;
    top: 0
}
.hzindex-course .sec-more {
    margin-bottom: 0
}
.hzindex-course ul {
    margin-bottom: 25px;
    position: relative;
    text-align: center
}
.hzindex-course ul li {
    margin: 0 10px;
    border-radius: 2px;
    display: inline-block
}

@media (max-width:767px) {
.hzindex-course ul li {
    padding: 4px 8px;
    margin: 0 4px 5px
}
}
.hzindex-course ul li:hover {
    background: #15c288;
    color: #fff
}
.hzindex-course .course-item {
    margin-bottom: 30px;
    box-shadow: none;
    border: none
}

@media (max-width:1200px) {
.hzindex-course .course-item {
    margin-bottom: 10px
}
}
.hzindex-course .course-item:hover {
    box-shadow: none
}
.hzindex-course .course-item .course-img img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    max-height: 400px
}
.hzindex-course .course-item .course-img:hover img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05)
}
.hzindex-course .course-item .course-info {
    padding: 12px 6px
}
.hzindex-course .course-item .course-info .title {
    height: 20px
}
.hzindex-course .course-item .course-info .teacher a {
    color: #999
}
.hzindex-course .course-item .course-info .teacher a:hover {
    color: #15c288
}

@media (max-width:991px) {
.hzindex-course .row {
    margin: 0 -5px
}
.hzindex-course .row>div {
    padding: 0 5px
}
.hzindex-course .course-item {
    margin-bottom: 0
}
.hzindex-course .course-item .course-info {
    padding: 7px 6px 8px 6px
}
}

@media (max-width:767px) {
.hzindex-course .row .speical,  .hzindex-course .row .two .course-item {
    width: 100%!important;
    padding: 0!important
}
.hzindex-course .row .course-item {
    width: 50%;
    float: left;
    padding: 0 5px;
    margin-bottom: 10px
}
}
.live-open-course .col-xs-6 {
    padding: 0 10px 0 0
}
.live-open-course .col-xs-6.double {
    padding: 0 0 0 10px
}
.live-open-course .col-xs-6.double .layer {
    margin: 0 0 0 10px
}
.live-open-course .carousel-control {
    display: block
}
.live-open-course .swiper-button-next {
    right: 0;
    left: auto
}
.live-open-course .swiper-slide {
    width: 100%;
    height: auto!important
}
.live-open-course .swiper-slide a>img {
    width: 100%
}
.live-open-course .swiper-slide :hover .layer {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}

@media (max-width:480px) {
.live-open-course .col-xs-6 {
    width: 100%;
    margin-bottom: 15px
}
}
.live-open-course .show {
    position: absolute;
    width: 300px;
    height: 170px;
    top: 50%;
    left: 50%;
    margin-top: -85px;
    margin-left: -150px;
    color: #fff
}
.live-open-course .show .live-title {
    padding: 27px 50px;
    margin-bottom: 25px;
    border: 3px solid #fff;
    background: rgba(0, 0, 0, .15)
}

@media (max-width:1200px) {
.live-open-course .show {
    width: 220px;
    margin-left: -110px;
    height: 128px;
    margin-top: -64px
}
.live-open-course .show .live-title {
    font-size: 16px;
    padding: 12px 20px
}
.live-open-course .show .icon-videocam.hz-icon,  .live-open-course .show span {
    margin-right: 10px;
    font-size: 12px
}
}
.live-open-course .show h3 {
    margin: 0;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 700
}
.live-open-course .show p {
    font-size: 16px
}
.live-open-course .show p .icon-videocam {
    font-size: 20px;
    vertical-align: -2px
}
.live-open-course .subheading {
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.live-open-course .layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 9;
    padding: 30px 50px 20px 50px;
    margin: 0 10px 0 0;
    background: #666;
    background: rgba(68, 68, 68, .96);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (max-width:1200px) {
.live-open-course .layer {
    display: none
}
}
.live-open-course .layer .info {
    margin-top: 25px
}
.live-open-course .layer .avatar {
    margin-top: 20px
}
.live-open-course .layer .avatar span {
    font-size: 18px;
    font-weight: 700
}
.live-open-course .layer .avatar img {
    width: 30px;
    height: 30px;
    margin-right: 4px;
    border-radius: 50%
}
.zhuti-list-a {
    overflow: hidden;
    margin-bottom: 20px;
    width: 50%;
    float: left;
    min-height: 300px;

}
.zhuti-list-b {
    float: left
}
.zhuti-list-b img {
    width: 160px;
    margin-right: 20px;
    border-radius: 10px
}
.zhuti-list-c {
    float: left;
    line-height: 50px;
    margin-top: 10px;
    /* margin-right: 15px; */
    width: 60%;
}
.zhuti-list-d {
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}
.zhuti-list-e {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 5px;
}
.zhuti-list-f {
    overflow: hidden;
    line-height: 25px;
    height: 150px;
}
.zhuti-list-f ul li {
    float: left;
    width: 150px;
}
.zhuti-list-f ul li a {
    color: #e36017
}
.zhuti-list-g {
    /* float: left; */
    width: 100px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #31d2fe;
    border-radius: 8px;
    padding: 5px;
    margin-left: 25px;
    margin-top: 10px;
}
.zhuti-list-g a {
    color: #31d2fe
}
.zhuti-list-m {
    /* width: 120px;
    text-align: center;
    border: 1px solid #31d2fe;
    border-radius: 8px;
    padding: 5px;
    margin-top: 10px;
    margin: 0 auto; */
    float: right;
    margin-bottom: 50px;
    margin-top: -30px;
}
.zhuti-list-m a {
    color: #31d2fe;
    font-size: 14px;
}
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    background-size: cover;
    background-position: center;
}
.swiper-slide img {
    /*      width: 100%;*/
    width: auto;
    /*      height: 100%;*/
    max-height: 300px;
}
.gallery-top {
    height: 80%;
    width: 100%;
    border: 1px solid #c1c1c1;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    padding: 5px;
}
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.zhuti-jj {
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
}
.zhuti-jj-a {
    overflow: hidden;
    position: relative
}
.zhuti-jj-b {
    float: left;
    width: 40%;
}
.zhuti-jj-c {
    float: left;
    line-height: 50px;
    margin-top: 10px;
    width: 60%;
}
.zhuti-jj-d {
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-left: 20px;
}
.zhuti-jj-e {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 5px;
    margin-left: 20px;
}
.zhuti-jj-f {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.zhuti-jj-f a {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #db1a22;
    border-radius: 2px;
    padding-left: 14px;
    padding-right: 14px;
}
.zhuti-jj-j {
    margin-left: 20px;
}
.zhuti-jj-j .nprice {
    display: inline;
    padding-bottom: 5px;
    padding-right: 10px;
    font-size: 28px;
    color: #EF353D;
}
.zhuti-jj-j .tprice {
    display: inline;
    padding-left: 5px;
    font-size: 16px;
    text-decoration: line-through
}
.zhuti-jj-j .jfprice {
    display: inline;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 22px;
    color: #4CAF50;
}
.zhuti-jj-n img {
    width: 100% !important;
    height: auto !important
}

@media (max-width:800px) {
.zhuti-list-a {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    height: auto;
    width: 100%;
    min-height: 0;
}
.zhuti-list-b {
    float: left;
    width: 30%;
}
.zhuti-list-b img {
    width: 100%;
    height: auto;
    margin-right: 0;
    border-radius: 8px;
}
.zhuti-list-c {
    margin-top: 0;
    float: right;
    width: 65%;
    min-height: 150px;
}
.zhuti-list-d {
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}
.zhuti-list-e {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;/* overflow: hidden */
}
.zhuti-list-f {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    height: auto;
}
.zhuti-list-f ul li {
    float: left;
    width: 50%;
}
.zhuti-list-f ul li a {
    color: #e36017
}
.zhuti-list-g {
    /* position: absolute; */
        /* top: 5px; */
        /* left: 5px; */
    float: left;
    width: 80px;
    /* font-size: 14px; */
    text-align: center;
    border: 1px solid #31d2fe;
    background: #fff;
    border-radius: 8px;
    /* padding: 5px; */
    margin-top: 10px;
    margin-left: 10px;
}
.zhuti-list-g a {
    color: #31d2fe
}
.fc-view-container {
    overflow: hidden;
    /* white-space: nowrap; */
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.fc-view {
    width: 1200px;
}
.zhuti-jj-a {
    width: 96%;
    margin: 0 auto;
}
.zhuti-jj-b {
    float: none;
    width: 100%;
}
.zhuti-jj-c {
    float: none;
    line-height: 50px;
    margin-top: 10px;
    width: 100%;
}
.zhuti-jj-d {
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-left: 0px;
	    text-align: center;
}
.zhuti-jj-e {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 5px;
    margin-left: 0px;
}
.zhuti-jj-f {
    position: relative;
    right: 0px;
    bottom: 0px;
    width: 120px;
	margin:0 auto;
	margin-top: 20px;
}
.zhuti-jj-f a {
    display: block;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    background-color: #db1a22;
    border-radius: 2px;
    padding-left: 14px;
    padding-right: 14px;
	text-align: center;
}
}
.zdw {
    overflow: hidden;
    background: #fff;
    padding: 3%;
    margin-top: 10px;
    clear: both;
}

.zdw strong{ text-align:center;display:block; font-size:16px;}
.zdw dl {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: 10px;
}
.zdw dl dt {
    float: left;
    width: 75px;
    font-size: 15px;
    line-height: 30px;
    text-align: left;
    margin-right: 8px;
}
.zdw dl dd {
    float: left;
    width: 72%;text-align:center
}
.zdw dl dd .zxa {
    background: #f5f5f5;
    width: 96%;
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    padding-left: 4%;
    border: none
}
.zdw dl dd .zxb {
    background: #f5f5f5;
    width: 100%;
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    padding-left: 4%;
    border: none;
}
.zdw dl dd .zxc {
    background: #f5f5f5;
    width: 31%;
    border-radius: 6px;
    height: 35px;
    line-height: 35px;
    padding-left: 4%;
    border: none;
    float: left;
    margin-right: 3%;
}
.zdw dl dd .zxc:last-child {
    margin-right: 0px;
}
.zdw dl dd #registerBtn {
    position: relative;
    width: 120px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    color: #fff;
    margin-left: 7%;
    border-radius: 6px;
    background: #ff9800 none repeat scroll 0% 0%;
    margin: 15px auto;
}
.list-wrap {
    overflow: hidden
}
.list-wrap ul li {
    box-sizing: border-box;
    padding: 0 21px;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 0;
    border-bottom: 1px solid #e6e6e6;
}
.list-wrap ul li:last-of-type>div {
    border-bottom: none!important
}
.list-wrap ul li .img {
    width: 190px;
    height: 143px;
    background-color: #ccc;
    overflow: hidden;
    border-radius: 6px
}
.list-wrap ul li .img img {
    width: 100%
}
.list-wrap ul li .con {
    flex: 1;
    margin-left: 25px;
    display: flex
}
.list-wrap ul li .con .text {
    width: 670px
}
.list-wrap ul li .con .text p:nth-of-type(1) {
    font-size: 18px;
    color: #333
}
.list-wrap ul li .con .text p {
    font-size: 14px;
    margin-bottom: 14px
}
.list-wrap ul li .con .text p .t1 {
    color: #333
}
.list-wrap ul li .con .text p .t2 {
    color: #666
}
.list-wrap ul li .con .text p:last-child {
    margin-bottom: 0
}
.list-wrap ul li .con .btnn {
    flex: 1;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-around
}
.list-wrap ul li .con .btnn .bt2 {
    background-color: #efa61a;
    width: 120px;
    height: 34px;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
}

@media (max-width:800px) {
.list-wrap ul li {
    box-sizing: border-box;
    padding: 0 21px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
.list-wrap ul li:last-of-type>div {
    border-bottom: none!important
}
.list-wrap ul li .img {
    width: 190px;
    height: 143px;
    background-color: #ccc;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 auto
}
.list-wrap ul li .img img {
    width: 100%
}
.list-wrap ul li .con {
    flex: 1;
    margin-left: 0px;
    display: block
}
.list-wrap ul li .con .text {
    width: 100%
}
.list-wrap ul li .con .text p:nth-of-type(1) {
    font-size: 18px;
    color: #333
}
.list-wrap ul li .con .text p {
    font-size: 14px;
    margin-bottom: 14px
}
.list-wrap ul li .con .text p .t1 {
    color: #333
}
.list-wrap ul li .con .text p .t2 {
    color: #666
}
.list-wrap ul li .con .text p:last-child {
    margin-bottom: 0
}
.list-wrap ul li .con .btnn {
    display: block;
    margin-top: 5px;
}
.list-wrap ul li .con .btnn a {
    display: block;
}
}

.zhutids{ text-align:center;font-size:20px;font-weight:700; margin:10px;}
.zhuti-jj-n3{ line-height:25px;}
.zhuti-jj-n3 img{ max-width:100% !important; height:auto!important}






.zdw dl.flowa{ text-align:center}


.zdw dl  #registerBtn {
    position: relative;
    width: 120px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 38px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    color: #fff;
    margin-left: 7%;
    border-radius: 6px;
    background: #ff9800 none repeat scroll 0% 0%;
    margin-top: 15px;
}