* {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    color: #fff;
    font-family: 'PingFang SC', 'PingFang TC', 'Microsoft YaHei', "STHeiti", arial, helvetica, sans-serif;
    font-size: 14px;

}
button{
    outline:none;
}
img {
    display: block;
    width: 100%;
}

a {
    text-decoration: none;
}

.education, .lesson, .education_share {
    background: #05186d;
    width: 100%;
    padding: 50px 0 50px;
}

/*新加*/
.education h3, .lesson h3, .education_share h3 ,.innovate h3{
    width: 432px;
    margin: 0 auto 60px;

    overflow: hidden;
}
.innovate h3{
    width:374px;
}
.innovate .fang{
    width:312px;
    clear: both;
    padding-top:100px;
}
.innovate{
    background:#05186d;
    padding:60px 0 0;
    overflow: hidden;
}
.innovate_body,.fang_body{
    width:1200px;
    margin:0 auto;
}
.innovate_left{
    width:320px;
    height:470px;
    background: #0332ab;
    float: left;
    z-index:1;
    padding:5px 0;
    position: relative;
    box-shadow: 9px 0 50px rgba(5,24,109,0.8);
    overflow: hidden;
    overflow-y:scroll;
}
.innovate_left::-webkit-scrollbar{
    width: 6px;
    height: 100%;
    background-color: #999;
    border-radius: 10px;
}

.innovate_left::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #072c52;
    width: 2px
}
.innovate_left::-webkit-scrollbar-thumb{
    border-radius: 10px;
    width: 6px;
    background: #999;
}
.innovate_left p{
    border-bottom:1px solid #2a5cdc;
    padding:5px 0;
}
.innovate_left p:last-child{
    border-bottom: none;
}
.innovate_left p span{
    line-height:30px;
    display: block;
    padding-left:30px;
    cursor: pointer;
}
.innovate_left p.active{
    background:#0074f0;
}
.innovate_right{
    width:840px;
    height:360px;
    background:#fff;
    float: left;
    font-size:14px;
    padding:40px 20px;
    margin-top:22px;
    z-index:1;
    position: relative;
}
.innovate_right ul{
    display: flex;
    flex-wrap: wrap;
}
.innovate_right ul li{
    width: 158px;
    margin: 0 5px 10px;

}
.innovate_right ul li span{
    color:#333;
    line-height:18px;
    height:36px;
    text-align: center;
    display: block;
    padding:5px 0;
    font-size:12px;
}

.innovate_right img{
    width:140px;
    height:74px;
    border:1px solid #ccc;
    display: block;
    margin:0 auto;
}
/*嘉宾专访*/
.fang_body{
    padding-bottom:80px;
}
.fang_body ul{
    display: flex;
    flex-wrap: wrap;
}
.fang_body ul li{
    width:220px;
    margin:0 10px 20px;

}
.fang_body ul li span{
    color:#fff;
    line-height:30px;
    text-align: center;
    display: block;
    font-size:12px;
}
.fang_body ul li img{
    width:220px;
    height:120px;
    border-radius:5px;
}
.fang_body .swiper-pagination{
    bottom:40px;
}
/*新加结束*/

.education > .swiper-container, .education_share > .swiper-container {
    width: 1200px;
    margin: 0 auto;
}

.education > .swiper-container p:after, .education_share > .swiper-container p:after {
    width: 1060px;
    height: 580px;
    border: 2px solid #40bdb7;
    position: absolute;
    content: '';
    left: 6px;
    top: 6px;
}

.education > .swiper-container img, .education_share > .swiper-container img {
    width: 1060px;
    height: 580px;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.education > .swiper-container p, .education_share > .swiper-container p {
    width: 1060px;
    margin: 0 auto;
    height: 594px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 60px;
    position: relative;
}

.education .swiper-pagination, .education_share .swiper-pagination {
    background: rgba(0, 0, 0, 0.3);
    display: inline;
    border-radius: 60px;
    width: auto;
    margin-left: 100px;
    padding: 10px 10px 5px;
    bottom: 30px;

}

.swiper-pagination {
    z-index: 1;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0.3;
    margin: 0 5px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
}

.education_list {
    text-align: center;
}

.education h4 {
    margin: 40px auto 25px;
    font-size: 36px;
    font-family: "方正正中黑简体";
    font-weight: normal;
    background: url(images/h4_bg.png) no-repeat center center;
}

/*新加*/
.education_list .swiper-container {
    display: none;
}

.list_pc {
    width: 1170px;
    height: 60px;
    background: #0020ae;
    margin: 70px auto 40px;
    display: flex;
    padding: 0 15px;
    align-items: center;
    font-size: 17px;
    color: #fff;
}

.list_pc p {
    display: flex;
    flex: 1;
    justify-content: center;
    height: 70px;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
}

.list_pc p.active {
    color: #35e5d5;
    font-size: 18px;
    background: url(images/di.png) no-repeat center bottom;

}

.education_list > ul {
    display: none;
}

.education_list > ul.active {
    display: block;
    transition: all 0.2s;

}

/*新加*/

.education ul {
    width: 1200px;
    margin: 0px auto 0;
    overflow: hidden;
}

.education ul li {
    width: 230px;
    height: 210px;
    background: #11288f;

    float: left;
    margin: 0 5px 30px;
    position: relative;

}

.education ul li a,.education ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding-top: 5px;
}

.education ul li img {
    width: 218px;
    height: 118px;
}

.education ul div font {
    font-size: 18px;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid #3249b3;
    line-height: 40px;
    width: 210px;
    text-align: center;
}

.education ul li p {
    display: flex;
    justify-content: space-between;
    width: 210px;
    line-height: 40px;
    margin: 0 auto;
}

.education ul li p font {
    background: #fff;
    color: #11288f;
    border-radius: 60px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    margin-top: 10px;
    cursor: pointer;
}

.education ul li p span {
    padding-left: 28px;
    background: url(images/zan.png) no-repeat left 8px;
    cursor: pointer;
}

.education_list > ul > li > span {
    position: absolute;
    left: 30%;
    top: 30%;
    background: #3fcbbf;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    font-size: 20px;
    border-radius: 20px;
    display: none;
    animation: dimg 0.5s ease-in;
}

@-webkit-keyframes dimg {
    0% {
        opacity: 0.3;
        transform: scale(0.5, 0.5);
        top: 50%;
    }
    100% {
        top: 30%;
        transform: scale(1, 1);
        opacity: 1;
    }
}

.education ul li p span.active {
    background: url(images/zanbai.png) no-repeat left 8px;
}

.education_list > span {
    color: #40bdb7;
    padding: 10px 25px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 60px;
    cursor: pointer;
}

.lesson {
    background: #0d2076;
}

.lesson_con, .brand_con {
    width: 1200px;
    margin: 0 auto 50px;
    position: relative;
    padding-bottom: 50px;
}

.brand_con {
    margin-bottom: 0;
}

.lesson_body h4 {
    font-size: 34px;
    color: #3fcbbf;
    line-height: 60px;
    text-align: center;
    margin-bottom: 30px;
}

.lesson_con .swiper-slide {
    background: #082ca4;
    height: 330px;
}

.lesson_con .lesson_left, .lesson_con .lesson_left > img {
    width: 572px;
    height: 330px;
    float: left;
}

.lesson_con .lesson_left {
    position: relative;
}

.lesson_con .lesson_left span {
    width: 89px;
    height: 86px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -43px;
    margin-left: -50px;
    display: block;
    cursor: pointer;
}

.lesson_con .lesson_right {
    width: 400px;
    height: 290px;
    border: 1px solid #1839b9;
    float: left;
    margin: 20px;
    font-size: 16px;
    line-height: 25px;
    position: relative;
    padding: 0 30px;
}

.lesson_con .lesson_right h5 {
    font-size: 20px;
    line-height: 60px;
    text-align: center;
}

.lesson_body .swiper-container {
    width: 1075px;
    margin: 0 auto;
}

.lesson_con .lesson_right span {
    background: #0c33b5;
    border-radius: 30px;
    position: absolute;
    bottom: 10px;
    left: 30px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    color: #3fcbbf;
    font-size: 16px;
}

.lesson_con .lesson_right span e {
    color: #3fcbbf;
}

.lesson_con .lesson_right span img {
    margin-right: 5px;
    width: 20px;
    height: 16px;

}

.swiper-pagination {
    width: 100%;
    text-align: center;
    bottom: 20px;
}

.lesson_body .swiper-pagination-bullet {
    width: 10px;
    height: 10px;

}

.brand_con .swiper-slide {
    display: flex;
    justify-content: center;
}

.brand_con .swiper-slide p {
    float: left;
}

.brand_con .swiper-slide p img {
    width: 316px;
    height: auto;
}

.brand_con .swiper-slide p span {
    font-size: 18px;
    display: block;
    text-align: center;
    line-height: 40px;
}

.brand_con .swiper-slide p:nth-child(2) {
    margin: 0 60px;
}

.lesson_body .swiper-button-prev, .lesson_body .swiper-button-next {
    background-size: 30px 56px;
    width: 30px;
    height: 56px;
    margin-top: -10px;
}

.swiper-button-prev, .swiper-button-next {
    width: 43px;
    height: 78px;
    background: url(images/left.png) no-repeat left center;
    margin-top: -80px;
    z-index: 1;
}

.swiper-button-next {
    background: url(images/right.png) no-repeat left center;
}

.foot {
    width: 100%;
    padding: 40px 0;
    text-align: center;
    background: #00115e;
    font-size: 16px;
    line-height:30px;
}
.foot p{
    font-size:16px;
}
.foot .phone {
    font-size: 24px;
    color: #fddc3b;
    font-weight: bold;
    height: 50px; display: flex;
    width:100%;
    justify-content: center;
    align-items: center;
}

.foot .phone a {
    text-decoration: none;
    color:#fddc3b;
    font-size: 24px;
    margin:0 5px;

}
.phone img{
    width: 34px;
    height: 34px;
    margin-right: 10px;
}

.pup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 2;
    display: none;

}

.pup_con span, .haibao_pup span {
    width: 50px;
    height: 50px;
    margin-top: 30px;
    cursor: pointer;
}

.pup_con span img, .haibao_pup span img {
    width: 50px;
    height: 50px;
}

.pup_con, .haibao_pup {

    width: 20%;
    position: fixed;
    top: 0;
    left: 40%;
    z-index: 3;
    display: flex;
    display: none;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.pup_con p {
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.pup_con .phonepic {
    display: none;
}
.toupiao_pup{
    width:780px;
    height:560px;
    background:#fff;
    border-radius:10px;
    position: fixed;
    top:50%;
    margin-top:-280px;
    left:50%;
    margin-left:-390px;
    color:#333;
    z-index:10;
    display: none;
}
.toupiao_pup>div{
    background:#f6f6f6;
    border-radius:5px;
    margin:0 40px;
    padding-top:30px;
}
.toupiao_pup>div>img{
    width:262px;
    height:122px;
    border:1px solid #dfdfdf;
    border-radius:10px;
    display: block;
    margin:0 auto 20px;
}
.toupiao_pup>span{
    font-size:40px;
    color:#333;
    position:absolute;
    top:-10px;
    right:0px;
    display: block;
    width:40px;
    cursor: pointer;
    height:40px;
}
.toupiao_pup h4{
    color:#333;
    text-align: center;
    padding:50px 0 20px;
    font-size:18px;
}

.toupiao_pup ul{

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.toupiao_pup ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    width:174px;
    height:50px;
    background:#f2f2f2;
    border-radius: 50px;
    color:#333;
    margin:0 25px 30px;
    cursor: pointer;
}
.toupiao_pup ul li e{
    display: flex;
    width:21px;
    height:23px;
    background:url(images/zan1.png) no-repeat;
    background-position:0 0 ;
    margin-right:5px;
}
.toupiao_pup ul li.active{
    color:#ffa423;
    background:#ffeacc;
}
.toupiao_pup ul li.active e{
    background-position:0 -29px;
}
.toupiao_pup button{
    width:254px;
    height:54px;
    border-radius:50px;
    background:#0020ae;
    color:#fff;
    margin:20px auto;
    font-size:22px;
    display: block;
    cursor: pointer;
}
@media (min-width: 0) and (max-width: 980px) {
    .pup_con, .haibao_pup {
        width: 6rem;
        top: 0;
        left: 50%;
        margin-left: -3rem;
    }

    .pup_con p {


        line-height: 0.6rem;
        display: none;
    }

    .pup_con .phonepic {
        display: block;
    }

    html, body {
        font-size: 100px;
        width: 100%;
        overflow-x: hidden;
    }

    body > div {
        font-size: 0.32rem;
        width: 7.2rem;
        margin: 0 auto;
    }

    .banner {
        width: 7.5rem;
    }

    img {
        display: block;
        width: 100%;
    }

    .education, .lesson, .education_share {
        padding: 0.8rem 0 0.8rem;
    }


    .education h3, .lesson h3, .education_share h3,.innovate h3{
        width: 50%;
        margin: 0 auto 0.6rem;
        overflow: hidden;
    }
    .innovate h3{
        width:40%;
    }
    .innovate .fang{
        width:40%;
        clear: both;
        padding-top:0.5rem;
    }
    .innovate{
        width:7.5rem;
        padding:0.6rem 0 0;
        overflow: hidden;
    }
    .innovate_body,.fang_body{
        width:7.2rem;
        margin:0 auto;
    }
    .innovate_left{
        width:7.2rem;
        height:5rem;
        background: #0332ab;
        float: none;
        z-index:1;
        padding:0.08rem;
        position: relative;
        box-shadow:none;
        overflow: hidden;
        overflow-y:scroll;
        box-sizing:border-box;
    }
    .innovate_left::-webkit-scrollbar{
        width:0.06rem;
    }

    .innovate_left::-webkit-scrollbar-track{
        width:0.06rem;
    }
    .innovate_left::-webkit-scrollbar-thumb{
        width:0.06rem;
    }
    .innovate_left p{
        border-bottom:1px solid #2a5cdc;
    }
    .innovate_left p:last-child{
        border-bottom: none;
    }
    .innovate_left p span{
        line-height:0.6rem;
        display: block;
        padding-left:0.6rem;
        cursor: pointer;
    }
    .innovate_left p span.active{
        height:0.8rem;
        line-height:0.8rem;
    }
    .innovate_right{
        width:7.2rem;
        height:auto;
        background:#fff;
        float: none;
        font-size:0.22rem;
        padding:0.4rem 0.2rem;
        margin-top:0.22rem;
        z-index:1;
        position: relative;
        box-sizing: border-box;
    }
    .innovate_right ul{
        display: flex;
        flex-wrap: wrap;
    }
    .innovate_right ul li{
        width:3rem;
        margin:0 0.2rem 0.1rem;

    }
    .innovate_right ul li span{
        color:#333;
        line-height:0.25rem;
        height:0.5rem;
        text-align: center;
        display: block;
        padding:0.05rem 0;
        font-size:0.2rem;
    }

    .innovate_right img{
        width:3rem;
        height:1.6rem;
    }
    /*嘉宾专访*/
    .fang_body{
        padding-bottom:0.8rem;
    }
    .fang_body ul{
        display: flex;
        flex-wrap: wrap;
    }
    .fang_body ul li{
        width: 3.2rem;
        margin: 0 0.2rem 0.2rem;

    }
    .fang_body ul li span{
        color:#fff;
        line-height:0.3rem;
        text-align: center;
        display: block;
        font-size:0.24rem;
        margin-top:0.1rem;
    }
    .fang_body ul li img{
        width: 3.2rem;
        height:1.75rem;
        border-radius:5px;
    }
    .fang_body .swiper-pagination{
        bottom:0.4rem;
    }
    /*新加结束*/
    .education > .swiper-container, .education_share > .swiper-container {
        width: 7.2rem;
        margin: 0 auto;
    }

    .education > .swiper-container p:after, .education_share > .swiper-container p:after {
        width: 7rem;
        height: 3.83rem;
        border: 0.02rem solid #40bdb7;
        position: absolute;
        content: '';
        left: 0.06rem;
        top: 0.06rem;
    }

    .education > .swiper-container img, .education_share > .swiper-container img {
        width: 7rem;
        height: 3.83rem;
        margin: 0 auto;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .education > .swiper-container p, .education_share > .swiper-container p {
        width: 7rem;
        height: 4rem;
        font-size: 0.28rem;
        line-height: 0.8rem;
    }

    .education .swiper-pagination, .education_share .swiper-pagination {
        background: rgba(0, 0, 0, 0.3);
        border-radius: 0.6rem;
        width: auto;
        margin-left: 0.4rem;
        padding: 0.1rem 0.1rem;
        bottom: 0.4rem;
        display: flex;
        align-items: center;
    }

    .swiper-pagination-bullet {
        width: 0.15rem;
        height: 0.15rem;
        background: #fff;
        opacity: 0.3;
        margin: 0 0.1rem;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
    }

    .education_list {
        text-align: center;
    }

    /*新加*/
    .education_list .list_pc {
        display: none;
    }

    .education_list .swiper-container {
        width: 7.5rem;
        height: 0.8rem;
        background: none;
        display: block;
        margin: 0.7rem auto 0.4rem;
        padding: 0.2rem;
        box-sizing: border-box;
    }

    .education_list .swiper-slide {
        width: auto !important;
        padding: 0 0.2rem;
    }

    .education_list .swiper-container:after {
        content: '';
        width: 100%;
        height: 1px;
        background: #2033a0;
        bottom: 0.02rem;
        left: 0;
        position: absolute;
    }
    .education .education_list>ul{
        max-height: 8rem;
        overflow-y: scroll;
    }

    .list_logo {
        width: 7.5rem;
        padding: 0 0.2rem;
        box-sizing: border-box;
        align-items: center;
        font-size: 0.26rem;
        color: #fff;
    }

    .list_logo p {
        justify-content:center;
        height: 0.8rem;
        align-items: center;
        cursor: pointer;
        line-height: 0.8rem;
    }

    .list_logo p.active {
        color: #35e5d5;
        font-size: 0.32rem;
        font-weight: bold;
        background: url(images/di.png) no-repeat center bottom;
        background-size: 1.15rem 0.08rem;

    }

    /*新加*/
    .education ul {
        width: 7.2rem;
        margin: 0.5rem auto 0;
        overflow: hidden;
    }

    .education ul li {
        width: 3.2rem;
        height: auto;
        float: left;
        margin: 0 0.2rem 0.4rem;
        font-size: 0.24rem;
        height:3.3rem;
        overflow: hidden;
    }

    .education ul li img {
        width: 3rem;
        height: 1.62rem;
    }

    .education ul li font {
        font-size: 0.26rem;
        margin: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 0.02rem solid #3249b3;
        line-height: 0.33rem;
        padding: 0.1rem 0;
        width: 2.6rem;
        height: 0.66rem;
        overflow: hidden;
        text-align: center;
    }

    .education ul li p {

        width: 3rem;
        line-height: 0.6rem;
        padding: 0.1rem 0;
    }

    .education ul li p font {
        border-radius: 0.6rem;
        padding: 0 0.15rem;
        height: 0.4rem;
        line-height: 0.4rem;
        margin-top: 0.1rem;
        cursor: pointer;
        width: 1rem;
        box-sizing: border-box;
    }

    .education ul li p span {
        padding-left: 0.35rem;
        background: url(images/zan.png) no-repeat left center;
        background-size: 0.28rem 0.32rem;
    }

    .education ul li p span.active {
        background: url(images/zanbai.png) no-repeat left center;
        background-size: 0.28rem 0.32rem;
    }

    .education_list > span {
        padding: 0.1rem 0.25rem;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0.6rem;
        cursor: pointer;
        font-size: 0.28rem;
        margin-top: 0.3rem;
        clear: both;
    }

    .lesson_con, .brand_con {
        width: 7.5rem;
        margin: 0 auto 0.6rem;
        position: relative;
        padding-bottom: 0.8rem
    }

    .brand_con {
        margin-bottom: 0;
    }

    .lesson_body h4 {
        font-size: 0.4rem;
        line-height: 0.8rem;
        margin-bottom: 0.4rem;
    }

    .lesson_con .swiper-slide {
        background: #082ca4;
        height: auto;
    }

    .lesson_con .lesson_left, .lesson_con .lesson_left > img {
        width: 6.4rem;
        height: 3.7rem;
        float: none;
    }

    .lesson_con .lesson_left iframe {
        display: none;
    }

    .lesson_con .lesson_right {
        width: 5.9rem;
        height: auto;
        border: 0.02rem solid #1839b9;
        float: none;
        margin: 0.3rem;
        font-size: 0.26rem;
        line-height: 0.4rem;
        position: relative;
        padding: 0rem 0.3rem 0.8rem;
        box-sizing: border-box;
    }

    .lesson_con .lesson_right h5 {
        font-size: 0.34rem;
        line-height: 0.8rem;
        text-align: center;
    }

    .lesson_body .swiper-container {
        width: 6.4rem;
        margin: 0 auto;
    }

    .lesson_con .lesson_right span {
        background: #0c33b5;
        border-radius: 0.6rem;
        position: absolute;
        bottom: 0.2rem;
        left: 0.3rem;
        display: flex;
        align-items: center;
        padding: 0.05rem 0.15rem;
        color: #3fcbbf;
        font-size: 0.26rem;
        margin-top: 0.2rem;
    }

    .lesson_con .lesson_right span img {
        margin-right: 0.1rem;
        width: 0.3rem;
        height: 0.24rem;

    }

    .swiper-pagination {
        width: 100%;
        text-align: center;
        bottom: 0.2rem;
    }

    .lesson_body .swiper-pagination-bullet {
        width: 0.13rem;
        height: 0.13rem;

    }

    .brand_con .swiper-slide {
        display: flex;
        justify-content: center;
    }

    .brand_con .swiper-slide p {
        float: none;
    }

    .brand_con .swiper-slide p img {
        width: 100%;
        height: auto
    }

    .brand_con .swiper-slide p span {
        font-size: 0.28rem;
        display: block;
        text-align: center;
        line-height: 40px;
    }

    .lesson_body .swiper-button-prev, .lesson_body .swiper-button-next {
        background-size: 0.3rem 0.56rem;
        width: 0.3rem;
        height: 0.56rem;
        margin-top: -0.1rem;
    }

    .swiper-button-prev, .swiper-button-next {
        width: 0.43rem;
        height: 0.78rem;
        background: url(images/left.png) no-repeat left center;
        background-size: 0.43rem 0.78rem;
        margin-top: -0.6rem;
    }

    .swiper-button-next {
        background: url(images/right.png) no-repeat left center;
        background-size: 0.43rem 0.78rem;
    }

    .foot {
        width: 100%;
        padding: 0.6rem 0;
        text-align: center;
        background: #00115e;
        font-size: 0.24rem;
        line-height:0.4rem;

    }
    .foot p{
        font-size:0.24rem;
    }
    .foot .phone {
        font-size:0.3rem;
        color: #fddc3b;
        font-weight: bold;
        height:0.7rem;
        line-height:0.7rem;
        align-items: center;
    }

    .foot .phone a {
        text-decoration: none;
        color:#fddc3b;
        font-size:0.3rem;
    }
    .phone img{
        width: 0.4rem;
        height: 0.4rem;
        margin-right: 10px;
    }
    .toupiao_pup{
        width:7rem;
        height:10rem;
        margin-top:-5rem;
        margin-left:-3.5rem;
        display: none;
    }
    .toupiao_pup>div{
        background:#f6f6f6;
        border-radius:5px;
        margin:0 0.2rem;
        padding-top:0.2rem;
    }
    .toupiao_pup>div>img{
        width:2.62rem;
        height:1.22rem;
        border:1px solid #dfdfdf;
        border-radius:0.1rem;
        display: block;
        margin:0 auto 0.2rem
    }
    .toupiao_pup>span{
        font-size:0.6rem;
        top:0px;
        right:-5px;
        display: block;
        width:40px;
        cursor: pointer;
        height:40px;
    }
    .toupiao_pup h4{
        padding:0.8rem 0 0.5rem;
        font-size:0.3rem;
    }
    .toupiao_pup ul{

        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .toupiao_pup ul li{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size:16px;
        width:2.8rem;
        height:0.8rem;
        background:#f2f2f2;
        border-radius: 50px;
        color:#333;
        margin:0 0.2rem 0.4rem;
        cursor: pointer;
    }
    .toupiao_pup ul li e{
        display: flex;
        width:0.21rem;
        height:0.23rem;
        background:url(images/zan1.png) no-repeat;
        background-size:0.21rem 0.52rem;
        background-position:0 0 ;
        margin-right:5px;
    }
    .toupiao_pup ul li.active{
        color:#ffa423;
        background:#ffeacc;
    }
    .toupiao_pup ul li.active e{
        background-position:0 -0.29rem;
    }
    .toupiao_pup button{
        width:4rem;
        height:0.8rem;
        border-radius:50px;
        background:#0020ae;
        color:#fff;
        margin:20px auto;
        font-size:0.32rem;
        display: block;
        cursor: pointer;
    }
}