.article {

    width: 100%;

    flex: 1;

    -webkit-flex: 1;

    overflow-y: scroll;

}




/*article*/

article {

    width: 100%;

    position: relative;

}







/*banner*/

.slideBox {

    width: 100%;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    background: #fff;

}

.slideBox .hd {

    width: 100%;

    height: 8px;

    margin: 0 0.25rem;

    position: absolute;

    z-index: 1;

    bottom: 0.2rem;

    text-align: left;

}

.slideBox .hd ul li {

    display: inline-block;

    text-indent: -999px;

    width: 8px;

    height: 8px;

    margin: 0 4px;

    border-radius: 50%;

    vertical-align: top;

    overflow: hidden;

    background-color: #fff;

    opacity: 0.5;

}

.slideBox .hd ul .on {

    opacity: 1;

}

.slideBox .bd {

    position: relative;

    z-index: 0;

}

.slideBox .bd li img {

    width: 100%;

    background: center center no-repeat;

}

.slideBox .bd li a {

    width: 100%;

    height: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    display: block;

    background: #000;

    position: relative;/* background: -webkit-linear-gradient(bottom, #000 0%, #fff 100%);

    background: linear-gradient(bottom, #000 0%, #fff 100%); */

}

.slideBox .bd li a .s_mask {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0.6;

    background: -webkit-linear-gradient(bottom, #000000 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(bottom, #000000 0%, rgba(255, 255, 255, 0) 100%);

}

.slideBox .bd li a p {

    color: #fff;

    width: 100%;

    position: absolute;

    z-index: 2;

}

.slideBox .bd li a .b_title {

    font-size: 0.3rem;

    bottom: 1rem;

    left: 0.25rem;

}

.slideBox .bd li a .b_sub_title {

    font-size: 0.2rem;

    bottom: 0.6rem;

    left: 0.25rem;

    color: #cbcbcb;

}


article .content .con-head {

    width: 100%;

    color: #333;

    height: 0.89rem;

    border-bottom: 1px solid #e4e4e4;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

}

article .content .con-head .recommend {

    width: 2.11rem;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    height: 0.87rem;

    margin-left: 0.25rem;

    margin-right: 0.32rem;

    font-size: 0.3rem;

    font-weight: bolder;

}

article .content .con-head .recommend.act{

    height: 0.87rem;

    line-height: 0.87rem;

    border-bottom: 1px solid #39d380;

}

article .content .con-head .recommend .circle {

    width: 0.5rem;

    height: 0.5rem;

    background: #5ee275;

    border-radius: 0.27rem;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    margin-right: 0.2rem;

}

article .content .con-head .recommend .circle img {

    width: 0.26rem;

    height: 0.29rem;

    margin: auto;

}

article .content .con-head ul {

    height: 100%;

    position: absolute;

    top: 0;

    overflow: hidden;

}

article .content .con-head ul li {

    height: 0.87rem;

    float: left;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    margin-right: 0.32rem;

    font-size: 0.3rem;

    padding-left: 0.04rem;

    padding-right: 0.04rem;

    color: #8b8b8b;

    border-bottom: 1px solid #fff;

}

article .content .con-head ul li.act {

    border-bottom: 1px solid #ff4545;

}

article .content .con-head ul li.act a{

    color: #ff4545;

}

article .content .con-head .scroll {

    width: 8rem;

    height: 100%;

    position: relative;

    overflow: scroll;

}

article .content .con-head .scroll a {

    color: #888888;line-height:0.88rem;

}

article .content .con-head .scroll ul{

    margin-left:0.2rem;

}


article .notice {

    width: 100%;

    max-width: 750px;

    height: 0.6rem;

    /*background: rgba(0, 0, 0, 0.6);*/

    background: #f5f5f5;

    position: absolute;

    z-index: 900;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

    padding-left: .25rem;

    padding-right: .25rem;

    box-sizing: border-box;

}

article .notice .info {

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

}

article .notice img {

    /*width: 0.28rem;

    height: 0.24rem;*/

    width: 0.34rem;

    height: 0.34rem;

}

article .notice span {

    color: #333333;

    font-size: 0.24rem;

    margin-left: 0.19rem;

}

article .notice .close {

    font-size: 0.4rem;

    color: #949494;

}


article .content .stick {

    width: 100%;

    height: 1.1rem;

    padding-left: 0.25rem;

    padding-right: 0.25rem;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    box-sizing: border-box;

}

article .content .stick .stick-con {

    height: 100%;

    border-bottom: 1px solid #eeeeee;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    position: relative;

}

article .content .stick img {

    width: 0.93rem;

    height: 0.34rem;

}

article .content .stick a {

    font-size: 0.28rem;

    font-weight: normal;

    color: #333;

    margin-left: 0.2rem;

}

article .content .stick .test {

    display: block;

    width: 1.46rem;

    height: 0.46rem;

    border: 0.02rem solid #39d380;

    border-radius: 0.23rem;

    text-align: center;

    line-height: 0.46rem;

    font-size: 0.28rem;

    color: #39d380;

    position: absolute;

    right: 0;

    top: 0.32rem;

}


article .content .list {

    width: 100%;

    padding-left: 0.25rem;

    padding-right: 0.25rem;

    box-sizing: border-box;

}

article .content .list li {

    width: 100%;

    height: 0.99rem;

    border-bottom: 1px solid #eeeeee;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    padding-left: 0.36rem;

    box-sizing: border-box;

    background: url(../images/n-circle.png) no-repeat left center, url(../images/n-right.png) no-repeat right center;

    background-size: 0.15rem 0.15rem, 0.18rem 0.29rem;

}

article .content .list li a {

    font-size: 0.28rem;line-height:0.99rem;

    color: #555555;

}


article.where{

    width: 100%;

    background: #f5f5f5;

    padding-top: 0.18rem;

    padding-bottom: 0.54rem;

    padding-left: 0.3rem;

    padding-right: 0.3rem;

    box-sizing: border-box;

}

/*where鐨勫唴瀹�*/

.zg_class_place{

    padding: 0 0.3rem;

    background: #f5f5f5;

}

.zg_class_place.spec{

    background: #fff;

}

.zg_class_place p{

    padding: 0.39rem 0;

    line-height: 0.42rem;

    color: #333333;

    font-size: 0.36rem;

    border-bottom: 1px dotted #dddddd;

}

.zg_class_place img{

    width: 0.35rem;

    margin-right: 0.2rem;

}

.city_select {

    overflow: hidden;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    box-sizing: border-box;

    padding: 0.5rem 0.3rem 0.2rem;

    background: #fff;

    z-index: 2001;

    display: none;

}

.city_select .close span{

    display: inline-block;

    width: 0.6rem;

    height: 0.6rem;

    background-image: url(../images/close.png);

    background-size: 0.31rem 0.31rem;

    background-repeat: no-repeat;

    background-position: center;

}

.city_select li {

    width: 1.90rem;

    height: 0.65rem;

    background: #fff;

    border: 1px solid #e6e6e6;

    float: left;

    margin-right: 0.3rem;

    font-size: 0.28rem;

    color: #333;

    line-height: 0.65rem;

    text-align: center;

    margin-bottom: 0.3rem;

    border-radius: 30px;

}

.city_select li.act{

    border-color: #f85b58;

}

.city_select li.act a{

    color: #f85b58;

}

.city_select li.spec{

    width: 2.5rem;

}

.city_select li a {

    color: #333;

    display: block;

    width: 100%;

    height: 100%;

    line-height: 0.65rem;

}

.region_info_wrap{

    padding: 0.04rem 0.29rem 0;

    background: #fff;

}

.region_info_wrap .region_top{

    padding-bottom: 0.35rem;

    border-bottom: 1px dotted #e3e3e3;

}

.region_info_wrap h3{

    height: 1.06rem;

    line-height: 1.06rem;

    font-size: 0.36rem;

}

.region_info_wrap h3 span{

    padding-left: 0.15rem;

    border-left: 5px solid #ff4545;

}

.region_info_wrap p{

    line-height: 0.56rem;

    color: #666666;

}

.region_info_wrap p.spec{

    margin-top: 0.25rem;

}

.region_info_wrap p span{

    color: #333333;

}

.region_info_wrap p span.bold{

    font-weight: bold;

}

.region_info_wrap p span.red{

    color: #ff4545;

}



/*btn_fixed start*/

.region_info_wrap .region_btm{

    padding-bottom: 1.33rem;

}

.region_btm_fixed{

    width: 100%;

    max-width: 750px;

    margin: 0 auto;

    height: 0.98rem;

    box-sizing: border-box;

    font-size: 0.28rem;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    position: fixed;

    bottom: 0;

}

.region_btm_fixed a{

    display: block;

    font-size: 0.28rem;

    font-weight: bold;

    color: #fff;

    display: block;

    width: 50%;

    height: 100%;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}

.region_btm_fixed a img{

    width: 0.44rem;

}

.region_btm_fixed a:nth-of-type(1){

    background: #ffa200;

}

.region_btm_fixed a:nth-of-type(1) img{

    margin-right: 0.25rem;

}

.region_btm_fixed a:nth-of-type(2){

    background: #ff4545;

}

.region_btm_fixed a:nth-of-type(2) img{

    margin-right: 0.15rem;

}

/*btn_fixed end*/





article .area div {

    width: 100%;

    height: 0.69rem;

    line-height: 0.69rem;

    color: #888;

    font-size: 0.3rem;

}

article .area ul {

    overflow: hidden;

}

article .area li {

    width: 1.90rem;

    height: 0.65rem;

    background: #fff;

    border: 1px solid #e6e6e6;

    float: left;

    margin-right: 0.3rem;

    font-size: 0.28rem;

    color: #333;

    line-height: 0.65rem;

    text-align: center;

    margin-bottom: 0.3rem;

}

article .area li a {

    color: #333;

    display: block;

    width: 100%;

    height: 100%;

    line-height: 0.65rem;

}

article .area li:nth-child(3n) {

    margin-right: 0;

}


.course {

    width: 0.8rem;

    height: 0.8rem;

    position: fixed;

    background: #fe7259;

    border-radius: 50%;

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    right: 0.20rem;

    bottom: 1.3rem;

    display: none;

}

.course span {

    margin: auto;

    color: #fff;

    font-size: 0.3rem;

    font-weight: bolder;

}


@keyframes ani {

    0% {

        top: 0.05rem;

    }

    50% {

        top: 0;

    }

    100% {

        top: -0.05rem;

    }

}



.mask2 {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: fixed;

    z-index: 2000;

    background-color: rgba(0, 0, 0, 0.7);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    display: none;

}

.mask2 .ms{
    width: 0.88rem;
    height:0.93rem;
    position: absolute;
    top:0.4rem;
    right: 0.3rem;
}
.mask2 .mx{
    color: #fff;
    font-size: 0.24rem;
    margin-top: 0.1rem
    /*
        position: absolute;
        bottom: 0.4rem;
        left: 0.24rem;
        margin-left: -0.44rem;
    */
}
.mask2 .con {

    width: 100%;

    max-width: 702px;

    height: 100%;

    margin: 0 auto;

    /*  background-image: url(../images/wx_ck3.png);*/

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-left: 0.24rem;

    padding-right: 0.24rem;

    padding-top: 0.82rem;

    margin-top: 0.15rem;

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;

}

.mask2 img {

    width: 0.48rem;

    height: 0.42rem;

}

.mask2 span {

    color: #fff;

    font-size: 0.24rem;

}
.mask2 .con .dxscg{
    width: 3.6rem;
    height: 1.5rem;
    top: 50%;
    margin-top: -0.75rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.mask2 .con > div {

    margin-left: 0.95rem;

}

.mask2 .con > div p {

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

    position: relative;

}

.mask2 .con > div p img {

    position: absolute;

    margin-right: 0.18rem;

    width: 0.48rem;

    height: 0.42rem;

    top: 0;

    left: -0.6rem;

}

.mask2 .con > div p:nth-child(2) {

    margin-top: 0.3rem;

}


.back-top img {

    width: 0.4rem;

    height: 0.26rem;

    margin: auto;

}


.lost {

    display: block;

    width: 100%;

    height: 0.65rem;

    background: #f8f8f8;

    /*background: #ecfcec;*/

    text-align: center;

    line-height: 0.65rem;

    margin-top: 0.4rem;

    color: #999;

    /*color: #39d380;*/

    margin-bottom: 0.4rem;

    font-size: 0.24rem;

}


.bot-nav {

    width: 100%;

    padding-bottom: 0.60rem;

}

.bot-nav ul {

    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}

.bot-nav ul li {

    margin-right: 0.35rem;

    color: #ccc;

    font-size: 0.24rem;

}

.bot-nav ul li a {

    color: #999;

}

.bot-nav ul li:last-child {

    margin-right: 0;

}

.mask{

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    opacity: 0.7;

    z-index:999;

    background-color: #000;

    display: none;

}


::-webkit-scrollbar { display: none; }



.region_info_wrap{

    padding: 0.04rem 0.29rem 0;

    background: #fff;

}

.region_info_wrap .region_top{

    padding-bottom: 0.35rem;

    border-bottom: 1px dotted #e3e3e3;

}

.region_info_wrap h3{

    height: 1.06rem;

    line-height: 1.06rem;

    font-size: 0.36rem;

}

.region_info_wrap h3 span{

    padding-left: 0.15rem;

    border-left: 5px solid #ff4545;

}

.region_info_wrap p{

    line-height: 0.56rem;

    color: #666666;

}

.region_info_wrap p.spec{

    margin-top: 0.25rem;

}

.region_info_wrap p span{

    color: #333333;

}

.region_info_wrap p span.bold{

    font-weight: bold;

}

.region_info_wrap p span.red{

    color: #ff4545;

}
header .head {

    font-size: 0.32rem;display:block;

    line-height: .36rem;text-align:center;

    color: white;width:100%;
    margin-top: -.36rem;

}




.zg_lmmc {
    width: 100%;
    padding: 0;
    background: #fff;
}
.zg_lmmch {
    width: 93%;
    padding: 5% 3.5% 4%;
    font-size: .34rem;
    font-weight: normal;
    color: #e62929;
}
.zg_lmmch2 {
    width: 93%;
    padding: 5% 3.5% 3%;
    font-size: .34rem;
    font-weight: normal;
    color: #e62929;
}
.zg_lmmch img, .zg_lmmch2 img {
    width: 5%;
    margin-right: 2.5%;
    vertical-align: bottom;
}
.zg_bkmc {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.zg_bkxj {
    margin-bottom: 5%!important;
}
.zg_mckz {
    padding: 0;
    z-index: 2;
    float: left;
}
.zg_main {
    width: 100%;
    margin: 0;
}
.bkmc {
    float: left;
    text-align: center;
    position: relative;
    z-index: 1; /* padding:0 0.001% ; */
}
.zg_bkmc a {
    display: block;/* padding:0 2% 2% ; */
;
    margin: 0 8%;
    width: 85%;
    color: #333;
    font-size: .28rem;
    line-height:.74rem;
    text-align: center;
}
.zg_mckz .active a {
    color: #E62929;
    border-bottom: 2px solid #E62929;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*font-weight:bold;*/
    font-size:.28rem;
    line-height:.72rem;
}
.zg_mckz .active {
    margin-top: -2px;
}
.off_brbt {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.off_ul {
    width: 100%;
    max-width: 750px;
    border-bottom: 1px solid #e4e4e4;
}
.off_li {
    width: 93%;
    border-top: 1px solid #e4e4e4;
    padding: 3% 0;
    margin: 0 3.5%;
}
.off_li:first-child {
    border: none;
}
.off_li:nth-child(-n+3) .off_em1{
    color: #e62929;
}
.off_dl1 {
    width: 100%;
}
.off_dt1 {
    padding: 1% 0 1%;
}
.off_spim {
    display: block;
    width: 1.5%;
    margin-right: 1.5%;
    height: 100%;
    position: relative;
}
.off_spim img {
    display: block;
    width: 100%;
    position: absolute;
    left: auto;
    top: 0.7em;
}
.off_dt1 a {
    display: inline-block;
    width: 97%;
    font-size: .32rem;
    color: #333;
    line-height: 1.5;
}
.off_dd1 {
    width: 97%;
    margin-left: 3%;
    height: .9rem;
    overflow: hidden;
}
.off_dd1 a {
    font-size: .24rem;
    color: #666;
    line-height: 1.9;
}
.off_p1 {
    width: 95%;
    padding: 3% 2% 0 3%;
}
.off_em1 {
    display: inline-block;
    width: 50%;
    font-style: normal;
    font-size: .22rem;
    color: #f32a39;
}
.off_sp1 {
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: .22rem;
    color: #999;
}
.off_sp1 img {
    width: 11%;
    vertical-align: inherit;
}
.page-inner .off_li:nth-child(1) .off_em1, .page-inner.off_li:nth-child(2) .off_em1, .page-inner.off_li:nth-child(3) .off_em1 {
    color: #e62929;
}
.off_sp1 a {
    color: #999;
}
.off_more1 {
    width: 100%;
    text-align: center;
    padding: 3% 0;
}
.off_moa {
    font-size: .26rem;
    color: #999;
}
.off_moa img {
    width: 2.5%;
    margin-left: 2.5%;
    vertical-align: inherit;
}
.off_img2 {
    display: none;
}
.zg_xzdq {
    padding: 5% 0 0;
    width: 100%;
}
.zg_ksadd {
    width: 100%;
    padding-top: 3%;
    display: none;
}
.zg_ksadd:first-child {
    display: block;
    padding-top: 0;
}
.zg_ksadb {
    display: block;
    width: 20%;
    padding: 1.5% 0;
    text-align: center;
    float: left;
    display: none;
}
.zg_ksadbct a {
    color: #E62929;
}
.zg_ksadb a {
    display: inline-block;
    width: 77%;
    border: 1px solid #e4e4e4;
    border-radius: .05rem;
    font-size: .24rem;
    color: #666;
    text-align: center;
    line-height: 2;
    font-weight: normal;
}
.zg_ksdz {
    background: url(../images/zg_bg12.png) no-repeat center center;
    background-size: 23.5%;
}
.zg_ksadb:nth-child(2), .zg_ksadb:nth-child(3), .zg_ksadb:nth-child(4), .zg_ksadb:nth-child(5) {
    display: block;
}
/*三支一扶*/

.zg_ksasp {
    width: 20%;
    padding: 1.5% 0;
    float: left;
    font-size: .28rem;
    line-height: 1.8;
}
.zg_ksasp img {
    width: 26%;
    margin: 0 13% 0 14%;
    vertical-align: middle;
}

.zg_more {
    width: 100%;
    padding: 4% 0;
    /*border-top: 1px solid #e4e4e4;*/
    text-align: center;
    background: #f5f5f5;
    font-size:.28rem;
    color: #666;
}


.zg_more img, .zg_sq img, .zg_more1 img {
    width: 3.5%;
    vertical-align: middle;
    margin-left: 2%;
}
.off_less {
    display: none;
}
.zg_more a {
    font-weight: normal;
}


/*直播课程*/
.zg_con4oul{padding-bottom: .2rem}
.zg_con4oul dl{padding:.28rem .3rem;border-bottom: 1px solid #e8e8e8;}
/*.zg_con4oul dl:last-child{border:none;}*/
.zg_con4fl{position: relative}
.zg_con4fl,.zg_con4fl img{width: 2.2rem;height: 1.24rem;}
.zg_con4fl span{display: block;width:.77rem;background-color: rgb(63, 81, 181);height: .36rem;text-align: center;position: absolute;right: 0;bottom: 0;}
.zg_con4fl span a{color: #fff;font:.22rem/.36rem "Microsoft YaHei";}
.zg_con4fr{width: 4.42rem;}
.zg_con4fr h4{padding-top: .18rem}
.zg_con4fr h4 a{font:.26rem/.3rem "Microsoft YaHei";color: #333;}
.zg_con4div{margin-top: .24rem}
.zg_con4div span{background: url("../images/zg_bg7.png") no-repeat left 50%;background-size: .23rem .23rem;padding-left: .35rem;font:.26rem/.46rem "Microsoft YaHei";color: #999;display: block;}
.zg_con4div a{display: block;font:.26rem/.44rem "Microsoft YaHei";color: #fff;border-width: 1px;border-color: rgb(243, 42, 57);border-style: solid;width:1.11rem;height:.44rem;border-radius:.03rem;text-align: center;background: #f32a39}
.zg_con4fl .zg_a{background: #ff9800;}

/*活动公告*/
.zg_rmhd{border-bottom: 1px solid #e8e8e8;height:.69rem;padding:.23rem .3rem 0;}
.zg_rmhd span{font:.32rem/.68rem "Microsoft YaHei";color: #333;border-bottom: 2px solid #fc5243;margin-bottom: -1px;display: inline-block;*display: inline;*zoom: 1;}
.zg_zbtj{height: 1.1rem;border-bottom: 1px solid #e8e8e8;}
.zg_zbtj a img{width: 1.44rem;height: .34rem;}
.zg_zbtj span{display:block;width: 1.44rem;height: .34rem;margin-top: .38rem}
.zg_zbtj>a{display:block;font:.28rem/1.1rem "Microsoft YaHei";color: #333;padding-left: .17rem}
.zg_hdgglb li{border-bottom: 1px solid #e8e8e8;height: .99rem;}
.zg_hdggfl{background: url("../images/zg_bg14.png") no-repeat left 50%;padding-left: .37rem;background-size: .15rem .15rem}
.zg_hdggfl a{font:.28rem/.99rem "Microsoft YaHei";color: #555;}
.zg_hdggfr span{font:.24rem/.99rem "Microsoft YaHei";color: #999;display: block}
.zg_hdggfr a{display: block;margin-left: .26rem;margin-top: .28rem}
.zg_hdggfr a img{width: .17rem;height: .32rem;}



/*图书列表*/
.s_sous a{display:block;line-height: 1rem;font-size: 0.3rem;border-bottom: 1px solid #dddddd;padding-left: 0.3rem;}
.zg_c_conditions {
    font-size: 0.28rem;
    color: #333333;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    position: relative;
    background-color: #fff;
    /*border-top: 1px solid #eeeeee;*/
    border-bottom: 1px solid #eeeeee;
}
.zg_c_conditions .zg_c_area, .zg_c_conditions .zg_c_price_range,.zg_c_conditions .zg_c_price_range1, .zg_c_conditions .zg_c_filter {
    -webkit-box-flex: 1;
    width: 25%;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 0.86rem;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    cursor: pointer;
}
.zg_c_area .zg_c_tri, .zg_c_price_range .zg_c_tri,.zg_c_price_range1 .zg_c_tri {
    width: 0.2rem;
    height: 0.16rem;
    margin-left: 0.2rem;
    background-image: url(../images/tri_down.png);
    background-size: 0.2rem 0.16rem;
}
.zg_c_area .zg_c_tri1, .zg_c_price_range .zg_c_tri1,.zg_c_price_range1 .zg_c_tri1{
    width: 0.16rem;
    height: 0.28rem;
    margin-left: 0.2rem;
    background-image: url(../images/zg_bg16.png);
    background-size: 0.16rem 0.28rem;
}
.zg_c_conditions .zg_c_area.act, .zg_c_conditions .zg_c_price_range.act, .zg_c_conditions .zg_c_price_range1.act, .zg_c_conditions .zg_c_filter.act {
    color: #ff6849;
}
.zg_c_tri1 b{background: url("../images/zg_bg15.png") no-repeat left top;width:.16rem;height: .12rem;background-size: .16rem .12rem;margin-bottom: .04rem;display: block}
.zg_c_tri1 i{background: url("../images/zg_bg17.png") no-repeat left top;width:.16rem;height: .12rem;background-size: .16rem .12rem;display: block}
.options span {
    display: inline-block;
    white-space: nowrap;
    max-width: 60%;
    text-align: center;
    overflow: hidden;
}
.zg_c_area.act .zg_c_tri, .zg_c_price_range.act .zg_c_tri .zg_c_price_range1.act .zg_c_tri{
    background-image: url(../images/tri_down_act.png);
}
.zg_c_filter .zg_c_fli {
    width: 0.3rem;
    height: 0.27rem;
    margin-left: 0.15rem;
    background-image: url(../images/filtrate.png);
    background-size: 0.3rem 0.27rem;
}/*new*/
.area_hover {
    overflow: scroll;
    padding-bottom: 0.5rem;
}
.zg_c_conditions .area_hover, .zg_c_conditions .range_hover, .zg_c_conditions .filter_hover, .zg_c_conditions .sx_hover {
    position: absolute;
    width: 100%;
    top: 0.83rem;
    left: 0;
    z-index: 5;
    background-color: #fff;
    display: none;
    border-top: 1px solid #eeeeee;
}
.range_hover li {
    padding: 0 0.3rem;
    border-bottom: 1px solid #eeeeee;
}
.range_hover li label {
    display: inline-block;
    width: 100%;
    line-height: 0.9rem;
    font-size: 0.28rem;
    box-sizing: border-box;
    padding-right: 0.35rem;
}
.range_hover li input {
    display: none;
}
.range_hover li input:checked + label {
    color: #ff6849;
    background-image: url(../images/right.png);
    background-size: 0.32rem 0.28rem;
    background-repeat: no-repeat;
    background-position: right center;
}
.filter_hover li {
    padding: 0 0.3rem;
    border-bottom: 1px solid #eeeeee;
}
.filter_hover li label {
    display: inline-block;
    width: 100%;
    line-height: 0.9rem;
    font-size: 0.28rem;
    box-sizing: border-box;
    padding-left: 0.55rem;
    background-image: url(../images/circle_sel.png);
    background-size: 0.32rem 0.32rem;
    background-repeat: no-repeat;
    background-position: left center;
}
.filter_hover li input {
    display: none;
}
.filter_hover li input:checked + label {
    color: #ff6849;
    background-image: url(../images/circle_sel_act.png);
}/*news*/
.hov .zg_c_fli {
    background-image: url(../images/filtrate_act.png);
}
.zg_c_filter.act .zg_c_fli {
    background-image: url(../images/filtrate_act.png);
}
.hov {
    color: #ff6849
}
.hov .zg_c_tri {
    background-image: url(../images/tri_down_act.png);
}
.zg_sx_list {
    padding: 1% 5%;
    font: 0.28rem/0.6rem "Microsoft YaHei";
}
.zg_sx_list strong {
    line-height: 1rem;
}
.zg_sx_list p input {
    display: none;
}
.zg_sx_list p input +label {
    font: 0.28rem/0.6rem "Microsoft YaHei";
    border: 1px solid #cccccc;
    height: 0.6rem;
    background: #fff;
    text-align: center;
    margin-right: 3%;
    border-radius: 8px;
    width: 1.58rem;
    color: #999999;
    display: inline-block;
}
.zg_sx_list p input:checked + label {
    border: 1px solid #ff6849;
    color: #ff6849;
}
.zg_sx_tj {
    display: block;
    margin: 8% auto 3%;
    width: 2.78rem;
    height: 0.8rem;
    font: 0.26rem/0.8rem "Microsoft YaHei";
    border-radius: 8px;
    background: #ff6849;
    color: #fff;
}/*news*/

.zg_s_locate_city .s_title {
    color: #999;
    line-height: 0.7rem;
    background-color: #f8f8f8;
}

.input_wrap {
    width: 6.14rem;
    height: 0.6rem;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
}
.input_wrap input {
    width: 4.94rem;
    height: 0.6rem;
    color: #888;
    padding: 0 0.6rem;
    font-size: 0.28rem;
    font-family: "寰蒋闆呴粦";
    background-image: url(../images/input_search.png);
    background-size: 0.32rem 0.32rem;
    background-repeat: no-repeat;
    background-position: 1.4rem center;
    background-color: #eeeeee;	/*transition: 0.5s;*/
}
.input_wrap input::-webkit-input-placeholder {
    color: #888;
    text-align: center;
}

.zg_s_input {
    padding: 0.14rem 0.53rem;
    border-bottom: 1px solid #cccccc;
}
.zg_s_locate_city p {
    font-size: 0.3rem;
    padding-left: 0.3rem;
}
.zg_s_locate_city .s_con {
    line-height: 1rem;
}

.city_wrap {
    color: #333;
    font-size: 0.3rem;
}
.city_wrap dt, .city_wrap dd {
    padding-left: 0.3rem;
}
.city_wrap .first_letter {
    font-weight: bold;
    line-height: 0.7rem;
    background-color: #f8f8f8;
}
.city_wrap .first_letter a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.city_wrap dd {
    line-height: 1rem;
    border-bottom: 1px solid #dddddd;
}
.city_wrap dd a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.course_mask,.course_mask11,.course_mask2 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background-color: #000;
    display: none;
}
.course_mask,.course_mask11,.course_mask2 {
    top:5.5rem;	/*top: 0;*/
    opacity: 0.5;
    z-index: 2;
}
.zg_tslboulfl{border-style: solid;border-width: 1px;border-color: rgb(228, 228, 228);background-color: rgb(255, 255, 255);width: 2.58rem;height:2.56rem;}
.zg_tslboul li{padding:.3rem;border-bottom:1px solid #e8e8e8;}
.zg_tslboulfl p{text-align: center;padding-top: .09rem}
.zg_tslboulfl p img{width: 1.66rem;height: 2.17rem;}
.zg_tslboulfr{width: 4.06rem;}
.zg_tslboulfr dt a{font:.26rem/.44rem "Microsoft YaHei";color: #333;}
.zg_tslboulfrdd1{margin-top: .34rem}
.zg_tslboulfrdd1 span{display: block;font:bold .3rem/.34rem "Microsoft YaHei";color: #f4293c;width: 40%;}
.zg_tslboulfrdd1 em{display: block;font-style: normal;font:.24rem/.34rem "Microsoft YaHei";color: #bbbbbb;width: 30%;}
.zg_tslboulfrdd1 b{display: block;font-weight: normal;font:.24rem/.34rem "Microsoft YaHei";color: #333;width: 30%;text-align: right}
.zg_tslboulfrdd1 i{font-style: normal;color: #f32a39;}
.zg_tslboulfrdd2{margin-top: .56rem}
.zg_tslboulfrdd2 a{font:.26rem/.48rem "Microsoft YaHei";color: #fff;text-align: center;display: block;border-radius:.03rem;background-color: rgb(243, 42, 57);width:1.41rem;height:.48rem;}
.zg_tslboul{padding-bottom: .3rem}

/*面授列表*/
.zg_mslboul{padding-bottom: .3rem}
.zg_mslboul li{padding: .3rem;border-bottom:1px solid #e8e8e8;}
.zg_mslboul h3{font:.26rem/.3rem "Microsoft YaHei";color: #333;}
.zg_mslboul dt img{width: 2.8rem;height: 1.58rem;}
.zg_mslboul dl{margin-top:.22rem}
.zg_mslboul dd h4{font:.3rem/.54rem "Microsoft YaHei";color: #f4293c;}
.zg_mslboul dd p{font:.24rem/.52rem "Microsoft YaHei";color: #999999;}
.zg_mslboul dd a{font:.26rem/.48rem "Microsoft YaHei";color: #fff;text-align: center;display: block;border-radius:.03rem;background-color: rgb(243, 42, 57);width:1.41rem;height:.48rem;margin-top: .13rem}

/*关于我们*/
.zg_fywmban{background: url("../images/zg_gywmban.jpg") no-repeat center top;height: 3.05rem;background-size: 7.5rem 3.05rem;}
.zg_fywmban h3{font:.4rem/.44rem "Microsoft YaHei";color: #ffd800;text-align: center;padding-top: .72rem}
.zg_fywmban h2{text-align: center;padding-top: .18rem;}
.zg_fywmban h2 img{width: 5.98rem;height: .6rem;}
.zg_gywm{background: #fff;padding:.13rem 0 .45rem}
.zg_gywm dl{padding: 0 .3rem;}
.zg_gywm dt{font:.28rem/.62rem "Microsoft YaHei";color: #333;text-indent: 2em;}
.zg_gywm dd{font:.28rem/.62rem "Microsoft YaHei";color: #666;}

/*微信页*/
.mask1{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.7;
    z-index: 3;
    background-color: #000;
}
.zg_wx_wrapper{
    background-color: #fff;
}
.wx_banner,.qq_banner{
    width: 100%;
    position: relative;
    text-align: center;
}

.wx_banner .wx_logo{
    display: inline-block;
    position: absolute;
    top: 0.75rem;
    left: 0;
    width:100%;
    text-align: center;
    height: 0.52rem;
    font:.48rem/.52rem "Microsoft YaHei";
    color: #ffea00;

}
.qq_banner .wx_logo{
    display: inline-block;
    position: absolute;
    top: 0.52rem;
    left: 0;
    width:100%;
    text-align: center;
    height: 0.34rem;
    font:.3rem/.34rem "Microsoft YaHei";
    color: #ffea00;

}
.wx_banner .banner_text{
    display: inline-block;
    position: absolute;
    top: 1.48rem;
    left: 0.4rem;
    width: 6.72rem;
    height: .64rem;
    background: url(../images/wx_banner_text.png);
    background-size: 100% 100%;
}
.wx_banner .back_prev{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    position: absolute;
    top: 0.5rem;
    right: 0.68rem;
    background: url(../images/wx_close.png);
    background-size: 100% 100%;
}
.qq_banner .banner_text{
    display: inline-block;
    position: absolute;
    top: 1.07rem;
    left: 1.84rem;
    width:3.87rem;
    height: .85rem;
    background: url(../images/zg_qq.png);
    background-size: 100% 100%;
}
.qq_banner .back_prev1{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    position: absolute;
    top: 0.29rem;
    right: 0.3rem;
    background: url(../images/wx_close.png);
    background-size: 100% 100%;
}
.zg_ban1{position: absolute;left: 0;width: 100%;text-align: center;font:.3rem/.34rem "Microsoft YaHei";color: #fff;top:2.02rem;}
.wx_con_wrap{
    padding: 0.4rem 0.3rem 1.2rem;
}
.wx_con_wrap .title{
    color: #999999;
    font-size: 0.26rem;
    line-height: 1;
    text-align: center;
    margin-bottom: 0.28rem;
}
.wx_con_wrap .choice{
    height: 0.96rem;
    line-height: 0.96rem;
    color: #333333;
    font-size: 0.32rem;
    padding-left: 0.9rem;
    background: url(../images/wx_inp_bg.png) 0.2rem center no-repeat;
    background-size: 0.47rem 0.47rem;
    border: 1px solid #e24343;
    position: relative;
    margin-bottom: 0.6rem;
}
.wx_con_wrap .choice1{
    height: 0.8rem;
    line-height: 0.8rem;
    color: #666;
    font-size: 0.26rem;
    padding-left: 1rem;
    background: url(../images/wx_inp_bg.png) 0.2rem center no-repeat;
    background-size: 0.47rem 0.47rem;
    border: 1px solid #e24343;
    position: relative;
    margin-bottom: 0.6rem;
}
.wx_con_wrap span{
    display: inline-block;
    width: 0.37rem;
    height: 0.21rem;
    background: url(../images/wx_arrow_down.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0.2rem;
    top: 0.37rem;
}
.ewm_wrap{
    height: 4.66rem;
    position: relative;
    background: url(../images/wx_bg_r.jpg) right 2.68rem no-repeat;
    background-size:1.51rem 1.85rem;
}
.ewm_wrap .attention{
    height: 2.88rem;
    margin-bottom: 0.58rem;
    position: relative;
}
.ewm_wrap .attention1{
    width: 6.9rem;
    height: 3.22rem;
    border-radius: .3rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top:25%;
    margin-left: -3.45rem;
    z-index: 4;
}
.zg_gz1{position: absolute;left: 50%;top:3.5rem;margin-left: -1.33rem}
.ewm_wrap .attention .zg_gz1 img{width: 2.66rem;height: .85rem;}
.ewm_wrap .attention img{
    position: absolute;
}
.ewm_wrap .gz{
    width: 2.92rem;
    height: 1.82rem;
    top: .15rem;
    left: 0.34rem;
}
.ewm_wrap .ewm{
    width: 2.73rem;
    height: 2.73rem;
    top:0;
    left: 3.7rem;
}
.ewm_wrap .light{
    color: #666666;
    font-size: 0.26rem;
    text-align: center;
}
.ewm_wrap .light span{
    display: inline-block;
    height: 0.36rem;

    vertical-align: bottom;
    background-size: 0.32rem 0.35rem;
}
.ewm_wrap .light i{
    color: #e71724;
    font-style: normal;
}
.wx_bottom{
    width: 100%;
    height: 1.43rem;
    padding-top: 0.98rem;
    background: url(../images/wx_btm_bg.png);
    background-size: 100% 100%;
    position: relative;
}
.wx_bottom1{
    border-radius: .3rem;
    width: 6.9rem;
    background: #fff;
    padding-top: .2rem;
    height: 1.2rem;
    position: fixed;
    left: 50%;
    margin-left: -3.45rem;
    top:78%;
    z-index: 5;
}
.zg_gz2{
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -1.27rem;
    top:-1.2rem;
}
.zg_gz2 img{width: 2.55rem;height: .87rem;}
.mask12{width: 100%;height: 100%;position: fixed;left: 0;top:0;z-index: 4}
.wx_bottom p{
    line-height: 1;
    text-align: center;
}
.wx_bottom .text1{
    color: #190101;
    margin-bottom: 0.22rem;
    font-size: 0.28rem;
    color: #333;
}
.wx_bottom .text1 span{
    display: inline-block;
    margin-left: 0.2rem;
    color: #e45555;
    font-size: 0.28rem;
    /*background: url(../images/wx_border.png) left bottom repeat-x;*/
}
.wx_bottom .text2{
    color: #333333;
    font-size: 0.28rem;
}
.wx_bottom .text2 span{
    font-size: 0.28rem;
    font-weight: bold;
}
.wx_layer{
    width: 6.7rem;
    height:6.8rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -4.5rem;
    margin-left: -3.35rem;
    background: #fff;
    border-radius: 10px;
    z-index: 5;
    display: none;
    /*overflow: hidden;*/
    font-size: 0.3rem;
}
.wx_layer .current{
padding-left: .45rem;
    font-size: .34rem;
    height: 1.46rem;
    line-height: 1.46rem;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wx_layer .current span{
    display: inline-block;
    width: 1.84rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 3px;
    background: #ffa656;
    color: #ffffff;
    margin: 0 0.2rem 0 0.27rem;
}
.wx_layer .current i{font-size: .2rem}
.wx_layer .wx_list{
    margin: .3rem 0 0 0.1rem;
    overflow-y: scroll;
    height:4.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 6.46rem !important;
}
.wx_layer .wx_list::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px #eaeaea;
    background-color: #F5F5F5;
}
.wx_layer .wx_list::-webkit-scrollbar{
    width:.06rem;
    background-color: #F5F5F5;
}
.wx_layer .wx_list::-webkit-scrollbar-thumb{
    background-color: #e45555;
    border-radius: 10px;
}
.wx_layer li{
    height: 0.9rem;
    line-height: 0.9rem;
    margin-bottom: .3rem;
    padding: 0 0 0 0.18rem;
}
.wx_layer li.act{
    background: #efefef;
}
.wx_layer li span{
    display: inline-block;
    width: 2.75rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 3px;
    background: -webkit-linear-gradient(left, #fc2c4e ,#ff5546);background: -o-linear-gradient(right, #fc2c4e, #ff5546);background: -moz-linear-gradient(right, #fc2c4e, #ff5546);background: linear-gradient(to right, #fc2c4e , #ff5546);

    color: #ffffff;
    margin-right: 0.25rem;
}
.wx_close{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    background: url(../images/wx_close.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    bottom: -0.75rem;
}
.jspVerticalBar{
    width: 3px;
    right: 0px;
}
.jspDrag{
    background: #e45555;
}
.jspTrack{
    background: #eaeaea;
}
.jspContainer{
    border: 0;
    outline: none;
    width: 100% !important;
}
.jspPane{
    margin: 0;
    width: 100% !important;
}
.wx_layer li i,.current i{font-style: normal;font-size: .2rem}



/*内容页*/

/*内容页 start*/
.zg_essay{background: #fff;padding-top: 0.4rem;padding-bottom: .64rem}
.zg_essay h2{
    width: 100%;
    color: #333;
    font-size: 0.36rem;
    font-weight: normal;
    line-height: 0.63rem;
    padding-left: 0.25rem;
    padding-right: 0.44rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zg_essay .source{
    color: #999;
    height: 0.42rem;
    font-size: 0.24rem;
    padding: 0 0.3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-top: 0.3rem;

}

.zg_essay .source .source_detail{
    margin-right: 0.14rem;
}

.zg_essay .source .zg{
    color: #f32a39;
}

.zg_essay .source .source_detail{
    margin-right: 0.14rem;
}

.zg_essay .source img{
    width: 0.42rem;
    height: 0.42rem;
}

.zg_essay .most_data{
    /*margin-top: 0.35rem;*/
    margin-top: 0.55rem;
    width: 100%;
    height: 0.26rem;
    line-height: 0.26rem;
    padding-left: .3rem;
    padding-right: .3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 0.28rem;
    text-align: center;
    color: #ec3744;
    position: relative;
}

.zg_essay .most_data span{
    display: inline-block;
    line-height: 1;
}

.zg_essay .most_data .line1, .zg_essay .most_data .line2{
    height: 0.01rem;
    background: #fbbfc3;
    border-bottom: 1px solid #ec3744;
    position: absolute;
    top: 0.12rem;
    width: 1.78rem;
}

.zg_essay .most_data .line1{
    left: 0.25rem;
}

.zg_essay .most_data .line2{
    /*width: 1.34rem;*/
    right: 0.25rem;

}

.zg_essay .most_data img{
    width: 0.13rem;
    height: 0.37rem;
    position: absolute;
    /*right: 1.7rem;*/
    right: 2.2rem;
    animation: ani 0.5s infinite linear;
}

@keyframes ani{
    0% {
        top: 0.05rem;
    }
    50% {
        top: 0;
    }
    100% {
        top: -0.05rem;
    }

}

@-webkit-keyframes ani{
    0% {
        top: 0.05rem;
    }
    50% {
        top: 0;
    }
    100% {
        top: -0.05rem;
    }
}

.zg_essay .con{
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-top: 0.35rem;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zg_essay .con p{
    color: #666;
    line-height: 0.62rem;
    text-indent: 2em;
    font-size: 0.28rem;
}

.zg_essay .con h6{
    color: #333;
    font-size: 0.3rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.zg_essay .share {
    width: 100%;
    height: 2.7rem;
    background: #f8f8f8;
    padding-left: .3rem;
    padding-right: .3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.zg_essay .share .top {
    color: #666;
    height: 0.27rem;
    line-height: 0.27rem;
    font-size: 0.27rem;
    margin-top: 0.46rem;
    text-align: center;
    position: relative;
}

.zg_essay .share .top .line1, .zg_essay .share .top .line2{
    display: block;
    width: 2.88rem;
    height: 0.03rem;
    background: #e8e8e8;
    position: absolute;
    top: 0.13rem;
}

.zg_essay .share .top .line1{
    left: 0;
}

.zg_essay .share .top .line2{
    right: 0;
}

.zg_essay .prev {
    width: 100%;
    margin-bottom: .4rem;
    height: 0.98rem;
    font-size: 0.28rem;
    padding-left: .3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zg_essay .prev .up {
    margin-bottom: 0.27rem;
    font-size: .28rem;
    color: #666666;

}

.zg_essay .prev .up a {
    font-size: .28rem;
    color: #666666;

}

.zg_essay .prev .down {
    font-size: .28rem;
    color: #333333;

}

.zg_essay .prev .down a {
    font-size: .28rem;
    color: #333333;

}

/*分享*/

#sharepage {
    margin-top: 0.28rem;
}

#sharepage > div {
    padding-left: 0.29rem;
    padding-right: 0.29rem;
}

#sharepage .case {
    width: auto;
    float: left;
    text-align: center;
    margin-right: 0.76rem;
}

#sharepage .case span {
    color: #666666;
    font-size: 0.26rem;
    display: block;
    line-height: 1;
    margin-top: 0.19rem;
}

#sharepage .case4 {
    margin-right: 0;
}

#sharepage a{
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    padding: 0;
    margin: 0;
    float: none;
}

#sharepage .bds_qzone {
    background: url(../images/qq.png) center top;
    background-size: 100% 100%;
}

#sharepage .bds_tsina {
    background: url(../images/weibo.png) center top;
    background-size: 100% 100%;
}

#sharepage .vxf1 {
    background: url(../images/wx.png) center top;
    background-size: 100% 100%;
}

#sharepage .vxf2 {
    background: url(../images/wxf.png) center top;
    background-size: 100% 100%;

}

/*分享结束*/

.zg_essay .recommend1,.zg_essay .recommend2 {
    width: 100%;
    margin-top: 0.1rem;
}

.zg_essay .recommend1 .head,.zg_essay .recommend2 .head {
    width: 100%;
    height: 1.07rem;
    line-height: 1.07rem;
    font-size: 0.34rem;
    color: #ec3744;
    padding-left: .3rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.zg_essay .recommend1 .head span,.zg_essay .recommend2 .head span{
    display: inline-block;
    height: 0.34rem;
    line-height: 0.34rem;
    padding-left: 0.3rem;
    position: relative;
    color: #f32a39;
}

.zg_essay .recommend1 .head em,.zg_essay .recommend2 .head em{
    display: block;
    width: 0.08rem;
    height: 0.34rem;
    background: #f32a39;
    position: absolute;
    top: 0;
    left: 0;
}

.zg_essay .recommend1 ul {
    padding-left: .3rem;
    padding-right: .3rem;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.zg_essay .recommend1 ul li {
    height: 0.96rem;
    line-height: 0.96rem;
    border-top: 1px dashed #dcdcdc;
}

.zg_essay .recommend1 ul li a {
    color: #333333;
    font-size: 0.28rem;
}

.zg_essay .recommend1 ul li span {
    color: #999;
    font-size: 0.26rem;
}

.zg_essay .recommend1 ul li:first-child {
    border-top: none;
}

.zg_essay .con .more_news{
    display: block;
    height: 0.64rem;
    line-height: 0.64rem;
    text-align: center;
    color: #999;
    font-size: 0.24rem;
    margin: 0.4rem 0;
    background-color: #fff;
}
.zg_essay .con .more_news span{ color: #999;}
.zg_essay .con .more_news img{vertical-align: middle;width: .19rem;height: .11rem}

/*内容页 end*/
/*遮罩*/

.mask6 {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: fixed;

    z-index: 2000;

    background-color: rgba(0, 0, 0, 0.7);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    display: none;

}

.mask6 .ms{
    width: 0.88rem;
    height:0.93rem;
    position: absolute;
    top:0.4rem;
    right: 0.3rem;
}
.mask6 .mx{
    color: #fff;
    font-size: 0.24rem;

}
.mask6 .con .dxscgs{
    width: 3.6rem;
    height: 1.5rem;
    top: 50%;
    margin-top: -0.75rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mask6 .con {

    width: 100%;

    max-width: 702px;

    height: 100%;

    margin: 0 auto;

    /*  background-image: url(../images/wx_ck3.png);*/

    background-repeat: no-repeat;

    background-size: 100% 100%;

    padding-left: .3rem;

    padding-right: .3rem;

    padding-top: 0.82rem;

    margin-top: 0.15rem;

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    -webkit-box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;

}

.mask6 p{

    height: 0.48rem;

    line-height: 0.48rem;

}

.mask6 img {

    width: 0.48rem;

    height: 0.42rem;

}

.mask6 span {

    display: block;

    color: #fff;

    font-size: 0.24rem;

}

.mask6 .con > div {

    margin-left: 0.95rem;

}

.mask6 .con > div p {

    position: relative;

    margin-left: 0.3rem;

}

.mask6 .con > div p img {

    position: absolute;

    margin-right: 0.18rem;

    width: 0.48rem;

    height: 0.42rem;

    top: 0;

    left: -0.6rem;

}

.mask6 .con > div p:nth-child(2) {

    margin-top: 0.3rem;

}

.recommend2 .recommend1oul{padding-bottom: .26rem;padding-top: .3rem}
.recommend2 .recommend1oul img{width: 3rem;height: 1.69rem;}
.recommend2 .recommend1oul>div{width: 3rem;}
.recommend2 .recommend1oul p{font:.26rem/.3rem "Microsoft YaHei";color: #333;margin-top: .28rem}

/*QQ页*/
.wx_layer1{
    width: 6.7rem;
    height:6.8rem;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -4.5rem;
    margin-left: -3.35rem;
    background: #fff;
    border-radius: 10px;
    z-index: 5;
    display: none;
    /*overflow: hidden;*/
    font-size: 0.3rem;
}
.wx_layer1 .current{
    padding-left: 1.27rem;
    font-size: .28rem;
    height: 1.46rem;
    line-height: 1.46rem;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wx_layer1 .current span{
    display: inline-block;
    width: 2.72rem;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    border-radius: 3px;
    background: #ffa656;
    color: #ffffff;
    margin: 0 0.2rem 0 0.27rem;
}
.wx_layer1 .wx_list1{
    margin: .3rem 0 0 0.1rem;
    overflow-y: scroll;
    height:4.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 6.46rem !important;
    padding-left: .4rem;
}
.wx_layer1 .wx_list1::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px #eaeaea;
    background-color: #F5F5F5;
}
.wx_layer1 .wx_list1::-webkit-scrollbar{
    width:.06rem;
    background-color: #F5F5F5;
}
.wx_layer1 .wx_list1::-webkit-scrollbar-thumb{
    background-color: #e45555;
    border-radius: 10px;
}
.wx_layer1 li{
    height: 0.9rem;
    line-height: 0.9rem;
    margin-bottom: .3rem;
    float: left;
}
.wx_layer1 li:nth-of-type(odd){margin-right: .38rem}
.wx_layer1 li.act{
    background: #efefef;
}
.wx_layer1 li span{
    display: inline-block;
    line-height: 0.88rem;
    text-align: center;
    border-radius:.1rem;
    background-image: -moz-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    font-size: .28rem;
    color: #ffffff;

    width: 2.72rem;
    height:.88rem;
}
.wx_layer1 li .zg_sp1{margin-right: 0.6rem;}

.wx_close1{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    cursor: pointer;
    background: url(../images/wx_close.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    bottom: -0.75rem;
}
.wx_layer1 li i,.wx_layer1 .current i{font-style: normal;font-size: .2rem}
.zg_conQQ{padding: 0 .3rem .6rem}
.zg_conQQ ul{border-top:1px solid #eee;}
.zg_conQQ li{line-height: 1.08rem;height: 1.08rem;border-bottom:1px solid #eee;}
.zg_conQQ li p{font-size: .26rem;color: #333;}
.zg_conQQ li span{font-size: .22rem;color: #f62633;}
.zg_conQQ li a{font-size: .26rem;color: #fff;display: block;text-align: center; border-radius:.03rem;
    background-image: -moz-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(254,85,69) 0%, rgb(252,44,78) 100%);
    width:1.4rem;
    height:.48rem;
    line-height: .48rem;
    margin:.3rem 0 0 .4rem;
}

.zg_jqfl{background:#fff9f9 url("../images/zg_QQbg.jpg") no-repeat center top;background-size:7.5rem .64rem;padding: 0 .3rem;}
.zg_jqfl h4{font:bold .46rem/.5rem "Microsoft YaHei";text-align: center;color: #fd4349;padding-top: .75rem;}
.zg_jqfl ul{margin-top: .38rem}
.zg_jqfl ul li{
    border-radius:.1rem;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 .04rem .2rem 0 rgba(253, 67, 73, 0.1);
    height:1.7rem;
    margin-bottom: .4rem;
}
.zg_jqfl ul li h6{color: #fd4349;font:bold .28rem/.32rem "Microsoft YaHei";padding: .28rem 0 0 .3rem;}
.zg_jqfl ul li p{color: #333;font:.24rem/.36rem "Microsoft YaHei";padding: .12rem .36rem 0 .3rem;}

.mask13{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.7;
    z-index: 3;
    display: none;
    background-color: #000;
}