/*===========================================*/
/*公共*/
/*===========================================*/
/*顶部导航*/
/*===========================================*/
.nav-box{
    width: 100%;
    min-width: 1200px;
    height: 60px;
    background: #232427;
    position: fixed;
    top: 0;
    z-index: 100;
}
.nav-box .nav{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    background: #232427;
    position: relative;
}
/*导航菜单*/
.nav-box .nav .nav-left{
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-box .nav .nav-left > a{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: left;
    padding: 0 44px;
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-left > a.show{
    background: white;
    color: #333333;
}
.nav-box .nav .nav-left > a:hover{
    background: white;
    color: #333333;
}

.nav-box .nav .nav-left .a{
    width: 152px;
    height: 60px;
    float: left;
}
.nav-box .nav .nav-left .a .a-box{
    width: 152px;
    height: 60px;
    line-height: 60px;
    position: relative;
    /*cursor: pointer;*/
}
.nav-box .nav .nav-left .a .a-box .open{
    height: 60px;
    text-align: center;
    position: relative;
}
.nav-box .nav .nav-left .a .a-box .open > a{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    color: white;
}

.nav-box .nav .nav-left .a .a-box .open > span{
    width: 13px;
    height: 34px;
    position: absolute;
    top: 13px;
    right: 20px;
}
.nav-box .nav .nav-left .a .a-box .open > span > i{
    display: block;
    width: 13px;
    height: 7px;
    background: url('../img/png/p1/p1-8.png') center no-repeat;
    background-size: cover;
    margin: 13.5px 0;
}

.nav-box .nav .nav-left .a .a-box:hover > .open{
    background: white;
}
.nav-box .nav .nav-left .a .a-box:hover > .open > a{
    color: #232427;
}
.nav-box .nav .nav-left .a .a-box:hover > .open > span > i{
    background: url('../img/png/p1/p1-9.png') center no-repeat;
}

.nav-box .nav .nav-left .a .a-box:hover > .menu{
    display: block;
}

.nav-box .nav .nav-left .a .a-box .open.show{
    background: white;
}
.nav-box .nav .nav-left .a .a-box .open.show > a{
    color: #232427;
}
.nav-box .nav .nav-left .a .a-box .open.show > span > i{
    background: url('../img/png/p1/p1-9.png') center no-repeat;
}


.nav-box .nav .nav-left .a .a-box .menu{
    width: 152px;
    min-height: 0;
    background: white;
    box-shadow: 0 0 8px #E2E2E2;
    position: absolute;
    top: 60px;
    left: 0;
    display: none;
}
.nav-box .nav .nav-left .a .a-box .menu .ss{
    width: 100%;
    height: 3px;
    background: white;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 10;
}
.nav-box .nav .nav-left .a .a-box .menu .li{
    width: 100%;
    height: 40px;
    background: white;
    text-align: center;
}
.nav-box .nav .nav-left .a .a-box > .menu .li:hover{
    background: #E7F8FB;
}
.nav-box .nav .nav-left .a .a-box .menu .li > a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
}


/*注册登录*/
.nav-box .nav .nav-right{
    display: inline-block;
    width: 168px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

/*没登录*/
.nav-box .nav .nav-right .login-box{
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
.nav-box .nav .nav-right .login-box > span{
    display: inline-block;
    height: 60px;
    float: left;
}
.nav-box .nav .nav-right .login-box > span.sp1{
    width: 16px;
    margin-right: 10px;
}
.nav-box .nav .nav-right .login-box > span.sp1 > i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 22px 0;
    background: url('../img/png/p1/p1-1.png') center no-repeat;
    background-size: cover;
}
.nav-box .nav .nav-right .login-box > span.sp2{
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-right .login-box > span.sp2 a{
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-right .login-box > span.sp2 a:hover{
    color: #25B8CF;
    text-decoration: underline;
}
.nav-box .nav .nav-right .login-box > span.sp3{
    font-size: 16px;
    color: white;
    margin: 0 4px;
}
.nav-box .nav .nav-right .login-box > span.sp4{
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-right .login-box > span.sp4 a{
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-right .login-box > span.sp4 a:hover{
    color: #25B8CF;
    text-decoration: underline;
}

/*登录成功*/
.nav-box .nav .nav-right .login-box2{
    width: 168px;
    height: 60px;
    line-height: 60px;
    position: relative;
    /*cursor: pointer;*/
}
.nav-box .nav .nav-right .login-box2 .login{
    height: 34px;
    padding: 13px 0;
}
.nav-box .nav .nav-right .login-box2 .login span{
    height: 34px;
    float: left;
}
.nav-box .nav .nav-right .login-box2 .login span.sp1{
    width: 34px;
    height: 34px;
    margin-left: 10px;
    border-radius: 50%;
}
.nav-box .nav .nav-right .login-box2 .login span.sp1 > a{
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.nav-box .nav .nav-right .login-box2 .login span.sp2{
    width: 80px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    margin-right: 12px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: white;
}
.nav-box .nav .nav-right .login-box2 .login span.sp2 > a{
    font-size: 16px;
    color: white;
}

.nav-box .nav .nav-right .login-box2 .login span.sp3{
    width: 13px;
    height: 34px;
}
.nav-box .nav .nav-right .login-box2 .login span.sp3 > i{
    display: block;
    width: 13px;
    height: 7px;
    background: url('../img/png/p1/p1-8.png') center no-repeat;
    background-size: cover;
    margin: 13.5px 0;
}

.nav-box .nav .nav-right .login-box2:hover > .login{
    background: white;
}
.nav-box .nav .nav-right .login-box2:hover > .login > .sp2{
    color: #232427;
}
.nav-box .nav .nav-right .login-box2:hover > .login > .sp2 > a{
    color: #232427;
}
.nav-box .nav .nav-right .login-box2:hover > .login > .sp3 > i{
    background: url('../img/png/p1/p1-9.png') center no-repeat;
}

.nav-box .nav .nav-right .login-box2:hover > .menu{
    display: block;
}

.nav-box .nav .nav-right .login-box2 .menu{
    width: 168px;
    min-height: 0;
    background: white;
    box-shadow: 0 0 8px #E2E2E2;
    position: absolute;
    top: 60px;
    left: 0;
    display: none;
}
.nav-box .nav .nav-right .login-box2 .menu .ss{
    width: 100%;
    height: 3px;
    background: white;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 10;
}
.nav-box .nav .nav-right .login-box2 .menu .li{
    width: 100%;
    height: 40px;
    background: white;
    text-align: left;
}
.nav-box .nav .nav-right .login-box2 > .menu .li:hover{
    background: #E7F8FB;
}
.nav-box .nav .nav-right .login-box2 .menu .li > a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    text-indent: 28px;
}

/*===========================================*/
/*公共右侧*/
/*===========================================*/
div .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
div .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #f2c820;
}
div .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
div .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #f2c820;
}

div .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
div .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
div .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

div .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
div .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
div .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

div .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
div .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
div .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

div .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
div .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
div .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

div .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
div .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
div .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
div .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

div .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
div .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

div .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
div .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
div .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

div .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
div .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
div .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
div .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
div .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

div .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
div .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

div .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
div .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
div .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}


/*=======================================*/
/*组织机构*/
div .main .m2 .m-right .n5-2{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
div .main .m2 .m-right .n5-2 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
div .main .m2 .m-right .n5-2 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
div .main .m2 .m-right .n5-2 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
div .main .m2 .m-right .n5-2 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

div .main .m2 .m-right .n5-2 .n-bottom{
    width: 100%;
    min-height: 0;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v1{
    width: 100%;
    min-height: 60px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2{
    width: 100%;
    min-height: 112px;
    padding-top: 12px;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul{
    width: 100%;
    min-height: 112px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li{
    width: 100%;
    min-height: 112px;
    margin-bottom: 16px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .logo{
    width: 66px;
    height: 88px;
    margin: 0 auto;
    background: url('../img/png/p1/p1-16.png') center no-repeat;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .text{
    width: 80%;
    min-height: 24px;
    line-height: 24px;
    padding: 0 10%;
    text-align: center;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .text > a{
    font-size: 14px;
    color: #494949;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v2{
    width: 100%;
    min-height: 60px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2{
    width: 100%;
    min-height: 0;
    padding-top: 20px;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li{
    width: 118px;
    height: 54px;
    margin-bottom: 26px;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li:nth-child(2n+1){
    float: left;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li:nth-child(2n+2){
    float: right;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li > a{
    display: block;
    width: 118px;
    height: 54px;
}

div .main .m2 .m-right .n5-2 .n-bottom > .v3{
    width: 100%;
    min-height: 60px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

div .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b2{
    width: 100%;
    min-height: 0;
    padding-top: 16px;
}
div .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b2 > p{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}


div .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
div .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
div .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
div .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
div .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

div .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
div .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
div .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}



/*===========================================*/
/*首页*/
.popularization-1{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-1 .main{
    width: 100%;
    min-width: 1200px;
    min-height: 0;
    margin: 0 auto;
}
.popularization-1 .main .m1{
    width: 100%;
    min-height: 810px;
    background: url('../img/jpg/p1/p1-1.jpg') center top;
}

.popularization-1 .main .m1 .n1{
    width: 1200px;
    height: 810px;
    margin: 0 auto;
    position: relative;
}
.popularization-1 .main .m1 .n1 .b1{
    width: 100%;
    height: 360px;
    position: absolute;
    top: 142px;
}
.popularization-1 .main .m1 .n1 .b1 > .logo{
    width: 234px;
    height: 156px;
    margin: 0 auto;
    background: url('../img/png/p1/p1-2.png') center no-repeat;
    background-size: cover;
}
.popularization-1 .main .m1 .n1 .b1 > .title{
    width: 1020px;
    height: 120px;
    margin: 15px auto 0;
    background: url('../img/png/p1/p1-3.png') center no-repeat;
    background-size: cover;
}
.popularization-1 .main .m1 .n1 .b1 > .sm{
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin-top: 10px;
}
.popularization-1 .main .m1 .n1 .b1 > .sm span{
    font-size: 26px;
    color: #1A7A89;
    letter-spacing: 10px;
}

.popularization-1 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: -195px auto 60px;

    overflow: hidden;
}
.popularization-1 .main .m2 .m-left{
    width: 920px;
    min-height: 0;
    float: left;
}
.popularization-1 .main .m2 .m-left .n1{
    width: 920px;
    height: 360px;
    border: 8px solid white;
    margin: -8px 0 0 -8px;
    background: black;
}

/*轮播*/
.popularization-1 .main .m2 .m-left .n1 .banner{
    width: 920px;
    height: 360px;
    position: relative;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n1 .banner .item-box{
    width: 920px;
    height: 360px;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-1 .main .m2 .m-left .n1 .banner .item-box .item{
    width: 920px;
    height: 360px;
    float: left;
}
.popularization-1 .main .m2 .m-left .n1 .banner .item-box .item .pic{
    width: 920px;
    height: 360px;
}
.popularization-1 .main .m2 .m-left .n1 .banner .item-box .item .pic span{
    display: none;
}

.popularization-1 .main .m2 .m-left .n1 .banner .lb-text{
    width: 830px;
    height: 40px;
    padding: 0 10px;
    line-height: 44px;
    text-align: center;
    position: absolute;
    bottom: 44px;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n1 .banner .lb-text span{
    font-size: 22px;
    color: white;
}

.popularization-1 .main .m2 .m-left .n1 .banner .ul{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 18px;
}
.popularization-1 .main .m2 .m-left .n1 .banner .ul .li-box{
    display: inline-block;
    height: 8px;
}
.popularization-1 .main .m2 .m-left .n1 .banner .ul .li-box .li{
    display: inline-block;
    width: 8px;
    height: 8px;
    float: left;
    background: #484747;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 5px;
}
.popularization-1 .main .m2 .m-left .n1 .banner .ul .li-box .li.show{
    width: 28px;
    background: white;
}

.popularization-1 .main .m2 .m-left .n1 .banner #click{
    /*display: none;*/
}
.popularization-1 .main .m2 .m-left .n1 .banner #click .click_l{
    width: 50px;
    height: 62px;
    font-family: simsun;
    font-size: 42px;
    font-weight: 700;
    color: white;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -31px;
    line-height: 62px;
    text-align: center;
    cursor: pointer;
}
.popularization-1 .main .m2 .m-left .n1 .banner #click .click_l:hover{
    background: rgba(0,0,0,0.2);
}

.popularization-1 .main .m2 .m-left .n1 .banner #click .click_r{
    width: 50px;
    height: 62px;
    font-family: simsun;
    font-size: 42px;
    font-weight: 700;
    color: white;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -31px;
    line-height: 62px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.popularization-1 .main .m2 .m-left .n1 .banner #click .click_r:hover{
    background: rgba(0,0,0,0.2);
}


/*=======================================*/
.popularization-1 .main .m2 .m-left .n1-1{
    width: 100%;
    min-height: 0;
}

.popularization-1 .main .m2 .m-left .n1-1 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
}
.popularization-1 .main .m2 .m-left .n1-1 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2{
    width: 100%;
    min-height: 0;
    position: relative;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul{
    width: 620px;
    min-height: 0;
    padding-top: 64px;
    margin:  0 auto;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li{
    width: 100%;
    min-height: 0;
    padding-bottom: 32px;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-t{
    width: 100%;
    height: 34px;
    text-align: center;
    padding-bottom: 40px;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-t > .span-box{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    position: relative;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-t > .span-box > span{
    font-size: 18px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-t > .span-box > span.text{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}

.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-t > .span-box > .ss{
    width: 70px;
    height: 3px;
    background: #25BAD1;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -35px;
}

.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-b{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-b > p{
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-left .n1-1 .b2 > .ul > .li > .li-b > p > a{
    font-size: 18px;
    color: #25BAD1;
    text-align: center;
    line-height: 36px;
}

/*插画*/
/*=======================================*/
.popularization-1 .main .m2 .m-left .n1-2{
    width: 100%;
    min-height: 0;
}

.popularization-1 .main .m2 .m-left .n1-2 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
}
.popularization-1 .main .m2 .m-left .n1-2 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2{
    width: 100%;
    min-height: 0;
    padding-top: 60px;

}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list{
    width: 260px;
    height: 220px;
    float: left;
    margin-left: 35px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-top{
    width: 100%;
    height: 140px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-top > a.pic{
    display: block;
    width: 100%;
    min-height: 140px;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom{
    width: 100%;
    height: 80px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom > .v1{
    width: 90%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 6px 0 0;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom > .v1 > a{
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom > .v2{
    width: 90%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #A1A1A1;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom > .v2 > a{
    font-size: 14px;
    color: #A1A1A1;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list > .list-bottom > .v2 > span{
    font-size: 14px;
    color: #A1A1A1;
}


.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list:nth-child(1){
    width: 260px;
    height: 440px;
    margin-left: 0;
    float: left;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list:nth-child(1) > .list-top{
    width: 100%;
    height: 360px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list:nth-child(1) > .list-top > a.pic{
    display: block;
    width: 100%;
    height: 360px;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-one > .list:nth-child(1) > .list-bottom{
    width: 100%;
    height: 80px;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list{
    width: 260px;
    height: 220px;
    float: right;
    margin-right: 35px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-top{
    width: 100%;
    height: 140px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-top > a.pic{
    display: block;
    width: 100%;
    min-height: 140px;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom{
    width: 100%;
    height: 80px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom > .v1{
    width: 90%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 6px 0 0;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom > .v1 > a{
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom > .v2{
    width: 90%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 0 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #A1A1A1;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom > .v2 > a{
    font-size: 14px;
    color: #A1A1A1;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list > .list-bottom > .v2 > span{
    font-size: 14px;
    color: #A1A1A1;
}


.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list:nth-child(1){
    width: 260px;
    height: 440px;
    margin-right: 0;
    float: right;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list:nth-child(1) > .list-top{
    width: 100%;
    height: 360px;
}
.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list:nth-child(1) > .list-top > a.pic{
    display: block;
    width: 100%;
    height: 360px;
}

.popularization-1 .main .m2 .m-left .n1-2 .b2 > .list-box > .list-two > .list:nth-child(1) > .list-bottom{
    width: 100%;
    height: 80px;
}

/*=======================================*/
.popularization-1 .main .m2 .m-left .n2{
    width: 100%;
}
.popularization-1 .main .m2 .m-left .n2 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
}
.popularization-1 .main .m2 .m-left .n2 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}

.popularization-1 .main .m2 .m-left .n2 .b2{
    width: 100%;
    height: 488px;
    position: relative;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1{
    width: 840px;
    height: 8px;
    background: #DCDCDC;
    position: absolute;
    top: 282px;
    left: 5px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .li{
    width: 20px;
    height: 20px;
    position: absolute;
    top: -6px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .li > .ss{
    width: 0;
    height: 8px;
    background: #12B9D3;
    position: absolute;
    top: 6px;
    left: 10px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .li > .rd{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #333333;
    background: #12B9D3;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .li > .rd:hover{
    background: white;
    /*border: 2px solid #12B9D3;*/
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l1{
    left: -5px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l1 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 20px;
    left: -6px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l2{
    left: 263px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l2 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l2 .state{
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: -10px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l2 .state > span{
    font-size: 16px;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l3{
    left: 323px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l3 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l4{
    left: 427px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l4 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l4 .state{
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: -10px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l4 .state > span{
    font-size: 16px;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l5{
    left: 521px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l5 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l6{
    left: 724px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l6 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l6 .state{
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: -10px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l6 .state > span{
    font-size: 16px;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l7{
    left: 825px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .l7 .time{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 20px;
    left: -21px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v1 .li .time span{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}


.popularization-1 .main .m2 .m-left .n2 .b2 .v2{
    width: 100%;
    height: 0;
    position: absolute;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li1{
    width: 202px;
    height: 68px;
    background: url('../img/png/p1/p1-4-1.png') center no-repeat;
    position: absolute;
    left: 70px;
    top: 206px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li1 .text{
    width: 182px;
    min-height: 24px;
    max-height: 24px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    top: -30px;
    left: 14px;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li2{
    width: 182px;
    height: 134px;
    background: url('../img/png/p1/p1-4-2.png') center no-repeat;
    position: absolute;
    left: 338px;
    top: 138px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li2 .text{
    width: 144px;
    min-height: 24px;
    max-height: 24px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    top: -30px;
    left: 32px;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li3{
    width: 240px;
    height: 126px;
    background: url('../img/png/p1/p1-4-3.png') center no-repeat;
    position: absolute;
    left: 388px;
    top: 304px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li3 .text{
    width: 212px;
    min-height: 24px;
    max-height: 48px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    bottom: -54px;
    left: 20px;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li4{
    width: 186px;
    height: 184px;
    background: url('../img/png/p1/p1-4-4.png') center no-repeat;
    position: absolute;
    left: 535px;
    top: 88px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li4 .text{
    width: 148px;
    min-height: 24px;
    max-height: 24px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    top: -30px;
    left: 36px;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li5{
    width: 220px;
    height: 62px;
    background: url('../img/png/p1/p1-4-5.png') center no-repeat;
    position: absolute;
    left: 600px;
    top: 210px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li5 .text{
    width: 212px;
    min-height: 24px;
    max-height: 96px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    top: -102px;
    left: 8px;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li6{
    width: 212px;
    height: 36px;
    background: url('../img/png/p1/p1-4-6.png') center no-repeat;
    position: absolute;
    right: 16px;
    top: 334px;
}
.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li6 .text{
    width: 198px;
    min-height: 24px;
    max-height: 24px;
    line-height: 24px;
    padding: 3px 0;
    position: absolute;
    bottom: -30px;
    left: 4px;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n2 .b2 .v2 .li .text span{
    font-size: 16px;
    color: #333333;
}


.popularization-1 .main .m2 .m-left .n3{
    width: 100%;
}
.popularization-1 .main .m2 .m-left .n3 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
}
.popularization-1 .main .m2 .m-left .n3 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}

.popularization-1 .main .m2 .m-left .n3 .b2{
    width: 100%;
    height: 42px;
    padding: 50px 0 24px;
}

.popularization-1 .main .m2 .m-left .n3 .b2 .b-l{
    width: 30%;
    height: 24px;
    line-height: 24px;
    float: left;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-l span{
    font-size: 16px;
    color: #333333;
}

.popularization-1 .main .m2 .m-left .n3 .b2 .b-c{
    width: 40%;
    height: 24px;
    float: left;
    text-align: center;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-c .a-box{
    display: inline-block;
    height: 24px;
    line-height: 24px;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-c .a-box a{
    font-size: 14px;
    color: #999999;
    margin: 0 10px;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-c .a-box a.show{
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n3 .b2 .b-r{
    width: 30%;
    height: 24px;
    line-height: 24px;
    float: right;
    text-align: right;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-r a{
    font-size: 14px;
    color: #999999;
    margin-left: 20px;
}
.popularization-1 .main .m2 .m-left .n3 .b2 .b-r a.show{
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n3 .b3{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box{
    width: 920px;
    padding: 3px;
    min-height: 0;
    margin-left: -3px;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list{
    width: 130px;
    height: 280px;
    margin: 0 0 20px 50px;
    background: white;
    float: left;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list:nth-child(5n+1){
    margin-left: 0;
}

.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t{
    width: 130px;
    height: 182px;
    position: relative;
    cursor: pointer;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .pic{
    width: 130px;
    height: 182px;
    position: relative;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .pic .logo{
    width: 42px;
    height: 30px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -20px;
    background: url('../img/png/p1/p1-15.png') center no-repeat;
}

.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .pic .finalist{
    width: 66px;
    height: 54px;
    position: absolute;
    top: -3px;
    left: -3px;
    background: url('../img/png/p1/p1-23.png') center no-repeat;
    z-index: 20;
}


.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text{
    width: 130px;
    height: 182px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 42px;
    text-align: center;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v1 span{
    font-size: 14px;
    color: #939494;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v2 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b{
    width: 110px;
    height: 72px;
    padding: 10px 10px 12px;
    position: relative;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 2px;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1 a:hover{
    color: #3CBFD4;
}

.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2,
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v3{
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #A1A1A1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2 a,
.popularization-1 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #A1A1A1;
}

.popularization-1 .main .m2 .m-left .n3 .b3 .more{
    width: 100%;
    height: 36px;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .more > a{
    display: block;
    width: 178px;
    height: 34px;
    border: 1px solid #ACACAC;
    border-radius: 17px;
    line-height: 34px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-left .n3 .b3 .more > a:hover{
    background: #F1F1F1;
}


/*轮播*/
.popularization-1 .main .m2 .m-left .n4{
    width: 920px;
    min-height: 0;
}
.popularization-1 .main .m2 .m-left .n4 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
}
.popularization-1 .main .m2 .m-left .n4 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}

.popularization-1 .main .m2 .m-left .n4 .b2{
    width: 848px;
    height: 352px;
    border: 1px solid #D3D3D3;
    background: #EEEEEE;
    margin-top: 70px;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box{
    width: 794px;
    height: 294px;
    padding: 29px 27px;
    background: url('../img/png/p1/p1-22.png') center no-repeat;
    background-size: cover;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box{
    width: 794px;
    height: 294px;
    position: relative;
    overflow: hidden;
}

.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box #lb{
    height: 294px;
    position: absolute;
    left: 0;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box #lb > .item{
    height: 294px;
    float: left;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box #lb > .item > .xt-box{
    width: 178px;
    height: 294px;
    margin-right: 28px;
    float: left;
    position: relative;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box #lb > .item > .xt-box > .img{
    width: 178px;
    height: 294px;
}
.popularization-1 .main .m2 .m-left .n4 .b2 > .b-box > .lbt-box #lb > .item > .xt-box > span{
    display: block;
    height: 30px;
    line-height: 30px;
    width: 262px;
    padding: 0 10px;
    background: rgba(0,0,0,0.3);

    font-family: "微软雅黑";
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-align: center;

    position: absolute;
    bottom: 0;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    display: none;
}



/*右侧*/
.popularization-1 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-1 .main .m2 .m-right .n1{
    width: 100%;
    height: 186px;
}
.popularization-1 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    margin-bottom: 21px;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-1 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-1 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-1 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-1 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-1 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-1 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-1 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-1 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-1 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-1 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-1 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-1 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-1 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-1 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-1 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-1 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-1 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

/*=======================================*/
/*组织机构*/
.popularization-1 .main .m2 .m-right .n5-2{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom{
    width: 100%;
    min-height: 0;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1{
    width: 100%;
    min-height: 60px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2{
    width: 100%;
    min-height: 112px;
    padding-top: 12px;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul{
    width: 100%;
    min-height: 112px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li{
    width: 100%;
    min-height: 112px;
    margin-bottom: 16px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .logo{
    width: 66px;
    height: 88px;
    margin: 0 auto;
    background: url('../img/png/p1/p1-16.png') center no-repeat;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .text{
    width: 80%;
    min-height: 24px;
    line-height: 24px;
    padding: 0 10%;
    text-align: center;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v1 > .b2 > .ul > .li > .text > a{
    font-size: 14px;
    color: #494949;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2{
    width: 100%;
    min-height: 60px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2{
    width: 100%;
    min-height: 0;
    padding-top: 20px;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li{
    width: 118px;
    height: 54px;
    margin-bottom: 26px;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li:nth-child(2n+1){
    float: left;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li:nth-child(2n+2){
    float: right;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v2 > .b2 > .ul > .li > a{
    display: block;
    width: 118px;
    height: 54px;
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v3{
    width: 100%;
    min-height: 60px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b1{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #25BAD1;
    border-radius: 15px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b1 > span{
    font-size: 14px;
    color: white;
    font-weight: 700
}

.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b2{
    width: 100%;
    min-height: 0;
    padding-top: 16px;
}
.popularization-1 .main .m2 .m-right .n5-2 .n-bottom > .v3 > .b2 > p{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}

/*=======================================*/
.popularization-1 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-1 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-1 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-1 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-1 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-1 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-1 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-1 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}


/*===========================================*/
/*投稿页*/
.popularization-2{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-2 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-2 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
    background: firebrick;
}


.popularization-2 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-2 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-2 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-2 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 94px;
    padding: 0px 0 20px;
}
.popularization-2 .main .m2 .m-left .n1 .v1 .v-l{
    width: 334px;
    height: 94px;
    float: left;
}

.popularization-2 .main .m2 .m-left .n1 .v1 .v-l .v-logo{
    width: 334px;
    height: 94px;
    background: url('../img/png/p2/p2-1.png') center no-repeat;
    background-size: cover;
    float: left;
}

.popularization-2 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-2 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

/*.n3*/
.popularization-2 .main .m2 .m-left .n3{
    width: 100%;
}
.popularization-2 .main .m2 .m-left .n3 .b1{
    width: 100%;
    height: 44px;
    padding: 88px 0 0;
    display: none;
}
.popularization-2 .main .m2 .m-left .n3 .b1 > a{
    display: block;
    width: 186px;
    height: 42px;
    border: 1px solid #333333;
    border-radius: 21px;
    margin: 0 auto;
    line-height: 42px;
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    color: #333333;
}

.popularization-2 .main .m2 .m-left .n3 .b2{
    width: 100%;
    height: 42px;
    padding: 30px 0 24px;
}

.popularization-2 .main .m2 .m-left .n3 .b2 .b-l{
    width: 30%;
    height: 24px;
    line-height: 24px;
    float: left;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-l span{
    font-size: 16px;
    color: #333333;
}

.popularization-2 .main .m2 .m-left .n3 .b2 .b-c{
    width: 40%;
    height: 24px;
    float: left;
    text-align: center;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-c .a-box{
    display: inline-block;
    height: 24px;
    line-height: 24px;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-c .a-box a{
    font-size: 14px;
    color: #999999;
    margin: 0 10px;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-c .a-box a.show{
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-left .n3 .b2 .b-r{
    width: 30%;
    height: 24px;
    line-height: 24px;
    float: right;
    text-align: right;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-r a{
    font-size: 14px;
    color: #999999;
    margin-left: 20px;
}
.popularization-2 .main .m2 .m-left .n3 .b2 .b-r a.show{
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-left .n3 .b3{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list{
    width: 130px;
    height: 280px;
    margin: 0 0 20px 50px;
    background: white;
    float: left;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list:nth-child(5n+1){
    margin-left: 0;
}

.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t{
    width: 130px;
    height: 182px;
    position: relative;
    cursor: pointer;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .pic{
    width: 130px;
    height: 182px;
    position: relative;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .pic .logo{
    width: 42px;
    height: 30px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    margin-left: -20px;
    background: url('../img/png/p1/p1-15.png') center no-repeat;
}

.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text{
    width: 130px;
    height: 182px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 42px;
    text-align: center;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v1 span{
    font-size: 14px;
    color: #939494;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-t .text .v2 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b{
    width: 110px;
    height: 72px;
    padding: 10px 10px 12px;
    position: relative;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 2px;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v1 a:hover{
    color: #3CBFD4;
}

.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2,
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v3{
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 14px;
    color: #A1A1A1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2 a,
.popularization-2 .main .m2 .m-left .n3 .b3 .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #A1A1A1;
}

.popularization-2 .main .m2 .m-left .n3 .b3 .more{
    width: 100%;
    min-height: 36px;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .more > a{
    display: block;
    width: 178px;
    height: 34px;
    border: 1px solid #ACACAC;
    border-radius: 17px;
    line-height: 34px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
}
.popularization-2 .main .m2 .m-left .n3 .b3 .more > a:hover{
    background: #F1F1F1;
}


/*右边*/
.popularization-2 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-2 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-2 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-2 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-2 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-2 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-2 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-2 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-2 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-2 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-2 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-2 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-2 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-2 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-2 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-2 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-2 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-2 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-2 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-2 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-2 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-2 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-2 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-2 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-2 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-2 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-2 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-2 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-2 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-2 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-2 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-2 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-2 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-2 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-2 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}


/*===========================================*/
/*我的稿件*/
.popularization-3{
    max-width: 100%;
    min-width: 1200px;
    background: #F7F7F7;
    margin: 0 auto;
}

/*主体*/
.popularization-3 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-3 .main .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}
.popularization-3 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
}
.popularization-3 .main .m1 .n1 .v-box{
    width: 50px;
    height: 260px;
    position: fixed;
}
.popularization-3 .main .m1 .n1 .v-box .li{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2px;
    background: #F2F2F2;
}
.popularization-3 .main .m1 .n1 .v-box .li > span{
    font-size: 16px;
    color: #A0A0A0;
}

.popularization-3 .main .m1 .n1 .v-box .li > a{
    display: block;
    width: 50px;
    height: 50px;
}
.popularization-3 .main .m1 .n1 .v-box .li > a.a1{
    background: url('../img/png/p1/p1-11.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li > a.a2{
    background: url('../img/png/p1/p1-12.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li > a.a3{
    background: url('../img/png/p1/p1-13.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li > a.a4{
    background: url('../img/png/p1/p1-14.png') center no-repeat;
    background-size: cover;
}

.popularization-3 .main .m1 .n1 .v-box .li.h{
    cursor: pointer;
}
.popularization-3 .main .m1 .n1 .v-box .li.h:hover{
    background: #25BAD1;
}
.popularization-3 .main .m1 .n1 .v-box .li.h:hover > .a1{
    background: url('../img/png/p1/p1-11s.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li.h:hover > .a2{
    background: url('../img/png/p1/p1-12s.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li.h:hover > .a3{
    background: url('../img/png/p1/p1-13s.png') center no-repeat;
    background-size: cover;
}
.popularization-3 .main .m1 .n1 .v-box .li.h:hover > .a4{
    background: url('../img/png/p1/p1-14s.png') center no-repeat;
    background-size: cover;
}


.popularization-3 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 0 auto 60px;
    overflow: hidden;
}
.popularization-3 .main .m2 .m-left{
    width: 230px;
    min-height: 136px;
    background: white;
    padding: 40px 35px;
    box-shadow: 0 0 8px #E7E7E7;
    float: left;
}
.popularization-3 .main .m2 .m-left .n1{
    width: 136px;
    height: 136px;
    padding-top: 15px;
    padding-bottom: 24px;
    margin: 0 auto;
}
.popularization-3 .main .m2 .m-left .n1 .pic{
    display: block;
    width: 136px;
    height: 136px;
    border-radius: 50%;
}

.popularization-3 .main .m2 .m-left .n2{
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.popularization-3 .main .m2 .m-left .n2 a{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}

.popularization-3 .main .m2 .m-left .n3{
    width: 230px;
    min-height: 0;
    line-height: 26px;
    text-align: left;
    padding-top: 40px;
}
.popularization-3 .main .m2 .m-left .n3 > p{
    font-size: 16px;
    color: #999999;
    line-height: 26px;
}


.popularization-3 .main .m2 .m-right{
    width: 870px;
    min-height: 0;
    float: right;
}

.popularization-3 .main .m2 .m-right .n-box{
    width: 770px;
    min-height: 0;
    background: white;
    padding: 20px 50px;
    box-shadow: 0 0 8px #E7E7E7;
}

.popularization-3 .main .m2 .m-right .n-box .n1{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-3 .main .m2 .m-right .n-box .n1 span{
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.popularization-3 .main .m2 .m-right .n-box .n2{
    width: 100%;
    height: 26px;
    padding: 30px 0 20px;
    line-height: 26px;
    display: none;
}

.popularization-3 .main .m2 .m-right .n-box .n2 span{
    font-size: 16px;
    color: #333333;
}

.popularization-3 .main .m2 .m-right .n-box .n3{
    width: 100%;
    min-height: 0;
    padding-bottom: 26px;
    display: none;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list{
    width: 100%;
    height: 182px;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-left{
    width: 130px;
    height: 182px;
    float: left;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-left a.pic{
    display: block;
    width: 130px;
    height: 182px;
}

.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-right{
    width: 614px;
    height: 182px;
    overflow: hidden;
    float: right;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-right .title{
    width: 100%;
    min-height: 24px;
    line-height: 24px;
    padding-bottom: 10px;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-right .title a{
    font-size: 16px;
    color: black;
    font-weight: 700;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-right .content{
    font-size: 14px;
    color: #9C9C9C;
    line-height: 28px;
}
.popularization-3 .main .m2 .m-right .n-box .n3 .list .list-right .content p{
    font-size: 14px;
    color: #9C9C9C;
    line-height: 28px;
}

/*没有数据的情况下*/
.popularization-3 .main .m2 .m-right .list-num{
    width: 100%;
    height: 500px;
}
.popularization-3 .main .m2 .m-right .list-num > .v1{
    width: 100%;
    height: 164px;
    padding: 116px 0 30px;
}
.popularization-3 .main .m2 .m-right .list-num > .v1 > .pic{
    width: 360px;
    height: 164px;
    margin: 0 auto;
    background: url('../img/png/p3/p3-1.png') center no-repeat;
    background-size: cover;
}

.popularization-3 .main .m2 .m-right .list-num > .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.popularization-3 .main .m2 .m-right .list-num > .v2 > span{
    font-size: 16px;
    color: #999999;
}

.popularization-3 .main .m2 .m-right .list-num > .v3{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding-top: 10px;
}
.popularization-3 .main .m2 .m-right .list-num > .v3 > a{
    font-size: 18px;
    color: #34B8F2;
    text-decoration: underline;
}


/*===========================================*/
/*公告正文页*/
.popularization-4{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-4 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-4 .main .m1{
    width: 1200px;
    height: 0;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}

.popularization-4 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
}

/*m2*/
.popularization-4 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-4 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-4 .main .m2 .m-left .n1{
    width: 100%;
    height: 174px;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-4 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 72px;
    padding: 34px 0 28px;
}
.popularization-4 .main .m2 .m-left .n1 .v1 .v-logo{
    width: 102px;
    height: 72px;
    background: url('../img/png/p1/p1-10.png') center no-repeat;
    background-size: cover;
    float: left;
}
.popularization-4 .main .m2 .m-left .n1 .v1 .v-title{
    width: 720px;
    height: 72px;
    line-height: 72px;
    margin-left: 25px;
    float: left;
}
.popularization-4 .main .m2 .m-left .n1 .v1 .v-title a{
    font-size: 36px;
    color: #333333;
}
.popularization-4 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-4 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-4 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 50px;
}
.popularization-4 .main .m2 .m-left .n2 .v1{
    width: 100%;
    height: 50px;
    padding: 20px 0 0;
    line-height: 50px;
}
.popularization-4 .main .m2 .m-left .n2 .v1 a{
    font-size: 29px;
    font-weight: 700;
    color: #333333;
    line-height: 29px;
}
.popularization-4 .main .m2 .m-left .n2 .v2{
    width: 100%;
    min-height: 24px;
    line-height: 24px;
    color: #999999;
    font-size: 14px;
}
.popularization-4 .main .m2 .m-left .n2 .v3{
    width: 100%;
    min-height: 34px;
    font-size: 14px;
    margin-bottom: 20px;
}
.popularization-4 .main .m2 .m-left .n2 .v3 .b1{
    width: 100%;
    min-height: 0;
    padding: 20px 0 10px;
}
.popularization-4 .main .m2 .m-left .n2 .v3 .b1 p{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.popularization-4 .main .m2 .m-left .n2 .v3 .b2{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-left .n2 .v3 .b2 p{
    font-size: 16px;
    color: #565656;
    line-height: 36px;
    text-indent: 2em;
}

.popularization-4 .main .m2 .m-left .n2 .v4{
    width: 100%;
    min-height: 0;
}

/*正文*/
.popularization-4 .main .m2 .m-left .n2 .v4 p{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
}

.popularization-4 .main .m2 .m-left .n2 .v4 .li{
    width: 100%;
    min-height: 0;
    margin-bottom: 36px;
}
.popularization-4 .main .m2 .m-left .n2 .v4 .li .p{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}
.popularization-4 .main .m2 .m-left .n2 .v4 .li p{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
}

/*右边*/
.popularization-4 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-4 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 66px;
}
.popularization-4 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-4 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-4 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-4 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-4 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-4 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-4 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-4 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-4 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-4 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-4 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-4 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-4 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-4 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-4 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-4 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-4 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-4 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-4 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-4 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-4 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-4 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-4 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-4 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-4 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-4 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-4 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-4 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-4 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-4 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-4 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-4 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-4 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-4 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-4 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-4 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-4 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}



/*===========================================*/
/*我要投稿*/
.popularization-5{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-5 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-5 .main .m1{
    width: 1200px;
    height: 0;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}

.popularization-5 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
    display: none;
}

/*m2*/
.popularization-5 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-5 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 72px;
    padding: 52px 0 54px;
}
.popularization-5 .main .m2 .m-left .n1 .v1 a{
    display: block;
    width: 234px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 4px;
    background: #25BAD1;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: white;
}

.popularization-5 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-5 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-5 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 36px;
}
.popularization-5 .main .m2 .m-left .n2 .v1{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-5 .main .m2 .m-left .n2 .v1 p{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-5 .main .m2 .m-left .n2 .v2{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #EDEDED;
    padding-bottom: 20px;
}
.popularization-5 .main .m2 .m-left .n2 .v2 p{
    font-size: 16px;
    color: #696969;
    line-height: 36px;
}

.popularization-5 .main .m2 .m-left .n2 .v3{
    width: 100%;
    min-height: 0;
    padding: 28px 0;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1{
    width: 100%;
    height: 70px;
    position: relative;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-l{
    width: 82px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-l span{
    font-size: 16px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-l span.sp1{
    color: #333333;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-l span.sp2{
    color: #E84949;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-r{
    width: 768px;
    height: 42px;
    float: right;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .li-r > input{
    width: 746px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #CECECE;
    border-radius: 4px;
    background: #EEEEEE;
    font-size: 16px;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .point_out{
    width: 766px;
    height: 28px;
    position: absolute;
    top: 42px;
    left: 83px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li1 .point_out span{
    font-size: 14px;
    color: #E84949;
    display: none;
}


.popularization-5 .main .m2 .m-left .n2 .v3 > .li2{
    width: 100%;
    min-height: 70px;
    overflow: hidden;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-l{
    width: 82px;
    min-height: 42px;
    float: left;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r{
    width: 768px;
    min-height: 42px;
    float: right;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r .text{
    width: 100%;
    min-height: 20px;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r .text_num{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    position: relative;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r .text_num .span1{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r .text_num .span1 > b{
    color: #E65C5C;
    font-weight: 700;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li2 .li-r .text_num .span2{
    font-size: 14px;
    color: #E65C5C;
    position: absolute;
    top: 0;
    left: 0;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li3{
    width: 100%;
    height: 32px;
    border-bottom: 1px dashed #CCCCCC;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-l{
    width: 82px;
    height: 32px;
    line-height: 32px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-l span{
    font-size: 16px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-l span.sp1{
    color: #333333;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-l span.sp2{
    color: #E84949;
}

.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-r{
    width: 768px;
    height: 32px;
    float: right;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-r .li{
    width: 114px;
    height: 32px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-r .li label{
    display: inline-block;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #333333;
    padding-left: 20px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 > .li3 .li-r .li label > input{
    margin-right: 6px;
}


.popularization-5 .main .m2 .m-left .n2 .v3 > .li4{
    width: 100%;
    min-height: 32px;
    padding: 22px 0;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li{
    width: 100%;
    height: 36px;
    margin-bottom: 18px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-l{
    width: 90px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-l span{
    font-size: 16px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-l span.sp1{
    color: #333333;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-l span.sp2{
    color: #E84949;
}

.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-c{
    width: 224px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-c > input {
    width: 204px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: white;
    font-size: 16px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-c > input:focus{
    border: 1px solid #34C1D5;
    box-shadow: 0 0 16px #C8ECF1;
}

.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-c > select{
    width: 226px;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: white;
    font-family: "微软雅黑 Light";
    font-size: 16px;
    color: black;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-c > select:focus{
    border: 1px solid #34C1D5;
    box-shadow: 0 0 16px #C8ECF1;
}


.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-r{
    width: 360px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-r span{
    font-size: 16px;
    color: #E84949;
    margin-left: 20px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-r label{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #333333;
    padding-left: 20px;
}
.popularization-5 .main .m2 .m-left .n2 .v3 .li4 .ul .li .li-r label input{
    margin-right: 4px;
}

.popularization-5 .main .m2 .m-left .n2 .v4{
    width: 100%;
    height: 42px;
    padding: 20px 0 60px;
}
.popularization-5 .main .m2 .m-left .n2 .v4 input{
    display: block;
    border-style: none;
    width: 244px;
    height: 44px;
    background: #25BAD1;
    border-radius: 4px;
    margin: 0 auto;
    font-size: 20px;
    color: white;
}
.popularization-5 .main .m2 .m-left .n2 .v4 input:hover{
    background: #23B2C8;
}

.popularization-5 .main .m2 .m-left .n3{
    width: 100%;
    min-height: 0;
    padding-bottom: 60px;
}
.popularization-5 .main .m2 .m-left .n3 p{
    font-size: 14px;
    line-height: 36px;
    color: #666666;
}


/*右边*/
.popularization-5 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-5 .main .m2 .m-right .n1{
    width: 100%;
    height: 0;
    padding-top: 38px;
}
.popularization-5 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-5 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-5 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-5 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-5 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-5 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-5 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-5 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-5 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-5 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-5 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-5 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-5 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-5 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-5 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-5 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-5 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-5 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-5 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-5 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-5 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-5 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-5 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-5 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-5 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-5 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-5 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-5 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-5 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-5 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-5 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-5 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-5 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-5 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-5 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-5 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-5 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}

/*===========================================*/
/*投稿页*/
.popularization-6{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-6 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-6 .main .m1{
    width: 1200px;
    height: 0;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}

.popularization-6 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
}
.popularization-6 .main .m1 .n1 .v-box{
    width: 50px;
    height: 260px;
    position: fixed;
}
.popularization-6 .main .m1 .n1 .v-box .li{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2px;
    background: #F2F2F2;
}
.popularization-6 .main .m1 .n1 .v-box .li > span{
    font-size: 16px;
    color: #A0A0A0;
}

.popularization-6 .main .m1 .n1 .v-box .li > a{
    display: block;
    width: 50px;
    height: 50px;
}
.popularization-6 .main .m1 .n1 .v-box .li > a.a1{
    background: url('../img/png/p1/p1-11.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li > a.a2{
    background: url('../img/png/p1/p1-12.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li > a.a3{
    background: url('../img/png/p1/p1-13.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li > a.a4{
    background: url('../img/png/p1/p1-14.png') center no-repeat;
    background-size: cover;
}

.popularization-6 .main .m1 .n1 .v-box .li.h{
    cursor: pointer;
}
.popularization-6 .main .m1 .n1 .v-box .li.h:hover{
    background: #25BAD1;
}
.popularization-6 .main .m1 .n1 .v-box .li.h:hover > .a1{
    background: url('../img/png/p1/p1-11s.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li.h:hover > .a2{
    background: url('../img/png/p1/p1-12s.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li.h:hover > .a3{
    background: url('../img/png/p1/p1-13s.png') center no-repeat;
    background-size: cover;
}
.popularization-6 .main .m1 .n1 .v-box .li.h:hover > .a4{
    background: url('../img/png/p1/p1-14s.png') center no-repeat;
    background-size: cover;
}

/*m2*/
.popularization-6 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-6 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-6 .main .m2 .m-left .n1{
    width: 100%;
    height: 174px;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-6 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 72px;
    padding: 34px 0 28px;
}
.popularization-6 .main .m2 .m-left .n1 .v1 .v-logo{
    width: 102px;
    height: 72px;
    background: url('../img/png/p1/p1-10.png') center no-repeat;
    background-size: cover;
    float: left;
}
.popularization-6 .main .m2 .m-left .n1 .v1 .v-title{
    width: 720px;
    height: 72px;
    line-height: 72px;
    margin-left: 25px;
    float: left;
}
.popularization-6 .main .m2 .m-left .n1 .v1 .v-title a{
    font-size: 36px;
    color: #333333;
}
.popularization-6 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-6 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-6 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 50px;
}
.popularization-6 .main .m2 .m-left .n2 .v1{
    width: 100%;
    height: 50px;
    padding: 20px 0 0;
    line-height: 50px;
}
.popularization-6 .main .m2 .m-left .n2 .v1 a{
    font-size: 29px;
    font-weight: 700;
    color: #333333;
    line-height: 29px;
}
.popularization-6 .main .m2 .m-left .n2 .v2{
    width: 100%;
    min-height: 24px;
    line-height: 24px;
    color: #999999;
    font-size: 14px;
}
.popularization-6 .main .m2 .m-left .n2 .v2 span{
    color: #999999;
    font-size: 14px;
}
.popularization-6 .main .m2 .m-left .n2 .v2 span.sp2{
    margin-left: 26px;
}
.popularization-6 .main .m2 .m-left .n2 .v2 span.sp3{
    float: right;
}
.popularization-6 .main .m2 .m-left .n2 .v2 span.sp4{
    float: right;
    margin-right: 32px;
}
.popularization-6 .main .m2 .m-left .n2 .v2 span strong{
    color: #333333;
}

.popularization-6 .main .m2 .m-left .n2 .v3{
    width: 100%;
    font-size: 14px;
    margin: 20px 0 20px;
}

.popularization-6 .main .m2 .m-left .n2 .v3 p{
    font-size: 16px;
    color: #565656;
    line-height: 30px;
    margin-bottom: 30px;
}

.popularization-6 .main .m2 .m-left .n2 .v3 p img{
    display: block;
    max-width: 810px;
    margin: 0 auto;
}
.popularization-6 .main .m2 .m-left .n2 .v3 p > strong{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.popularization-6 .main .m2 .m-left .n2 .v4{
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    text-align: center;
}
.popularization-6 .main .m2 .m-left .n2 .v4 span{
    font-size: 16px;
    color: #333333;
}

.popularization-6 .main .m2 .m-left .n3{
    width: 100%;
    min-height: 0;
    padding: 50px 0;
}
.popularization-6 .main .m2 .m-left .n3 .v1{
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-bottom: 3px solid #25BAD1;
}
.popularization-6 .main .m2 .m-left .n3 .v1 span{
    font-size: 16px;
    color: #25BAD1;
    font-weight: 700;
}

.popularization-6 .main .m2 .m-left .n3 .v2{
    background: white;
}



/*右边*/
.popularization-6 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}

.popularization-6 .main .m2 .m-right .n1{
    width: 100%;
    height: 300px;
    padding-top: 38px;
}
.popularization-6 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    margin-bottom: 21px;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-6 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;

}
.popularization-6 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-6 .main .m2 .m-right .n1 > .tp{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    margin-bottom: 21px;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
    background: #D36036;
    cursor: pointer;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box{
    width: 196px;
    height: 72px;
    margin: 0 auto;
    position: relative;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-l{
    display: inline-block;
    height: 72px;
    line-height: 72px;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-l > span{
    font-size: 24px;
    color: white;
}

.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-r{
    display: inline-block;
    height: 72px;
    position: absolute;
    top: 0;
    right: 0;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-r > span{
    display: inline-block;
    height: 72px;
    float: left;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-r > span.sp1{
    font-size: 24px;
    color: white;
}

.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-r > span.sp2{
    width: 27px;
    height: 72px;
    margin-left: 4px;
}
.popularization-6 .main .m2 .m-right .n1 > .tp > .span-box .sp-r > span.sp2 > i{
    display: block;
    width: 27px;
    height: 27px;
    margin: 22.5px 0;
    background: url('../img/png/p6/p6-1.png') center no-repeat;
    background-size: cover;
}


.popularization-6 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-6 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-6 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-6 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-6 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-6 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-6 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-6 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-6 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-6 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-6 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-6 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-6 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-6 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-6 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-6 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-6 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-6 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-6 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-6 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-6 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-6 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-6 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-6 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-6 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-6 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-6 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-6 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-6 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-6 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-6 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-6 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-6 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-6 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}


/*===========================================*/
/*通知公告列表*/
.popularization-7{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-7 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-7 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-7 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-7 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-7 .main .m2 .m-left .n1{
    width: 100%;
    height: 174px;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-7 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 72px;
    padding: 34px 0 28px;
}
.popularization-7 .main .m2 .m-left .n1 .v1 .v-logo{
    width: 102px;
    height: 72px;
    background: url('../img/png/p1/p1-10.png') center no-repeat;
    background-size: cover;
    float: left;
}
.popularization-7 .main .m2 .m-left .n1 .v1 .v-title{
    width: 720px;
    height: 72px;
    line-height: 72px;
    margin-left: 25px;
    float: left;
}
.popularization-7 .main .m2 .m-left .n1 .v1 .v-title a{
    font-size: 36px;
    color: #333333;
}
.popularization-7 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-7 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-7 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-left .n2 .li-box{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li{
    width: 100%;
    height: 62px;
    border-bottom: 1px dashed #D5D5D5;
}

.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left{
    width: 720px;
    height: 62px;
    float: left;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v{
    display: inline-block;
    height: 62px;
    float: left;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v1{
    width: 26px;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v1 > i{
    display: block;
    width: 8px;
    height: 12px;
    background: url('../img/png/p7/p1-1.png') center no-repeat;
    background-size: cover;
    margin: 25px 0;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v2{
    width: 694px;
    line-height: 62px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v2 > a{
    font-size: 16px;
    color: #333333;
    line-height: 62px;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-left > .v2 > a:hover{
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-right{
    width: 122px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    float: right;
}
.popularization-7 .main .m2 .m-left .n2 .li-box .li .li-right > span{
    font-size: 14px;
    color: #999999;
}


/*右边*/
.popularization-7 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-7 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 66px;
}
.popularization-7 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-7 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-7 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-7 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-7 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-7 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-7 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-7 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-7 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-7 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-7 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-7 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-7 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-7 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-7 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-7 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-7 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-7 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-7 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-7 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-7 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-7 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-7 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-7 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-7 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-7 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-7 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-7 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-7 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-7 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-7 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-7 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-7 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}


/*===========================================*/
/*正文页*/
.popularization-8{
    max-width: 100%;
    min-width: 1200px;
    background: #F7F7F7;
    margin: 0 auto;
}


/*顶部导航*/
.nav-box-2{
    width: 100%;
    min-width: 1200px;
    height: 60px;
    background: #232427;
    position: fixed;
    top: 0;
    z-index: 100;
}
.nav-box-2 .nav{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    background: #232427;
    position: relative;
}
/*导航菜单*/
.nav-box-2 .nav .nav-left{
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-box-2 .nav .nav-left > span{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    float: left;
}
.nav-box-2 .nav .nav-left > span.sp1{
    width: 22px;
}
.nav-box-2 .nav .nav-left > span.sp1 > i{
    display: block;
    width: 12px;
    height: 14px;
    background: url('../img/png/p8/p8-1.png') center no-repeat;
    background-size: cover;
    margin: 23px 0;
}

.nav-box-2 .nav .nav-left > span.sp2 > a{
    font-size: 16px;
    color: #25BAD1;
}
.nav-box-2 .nav .nav-left > span.sp2 > a:hover{
    text-decoration: underline;
}

.nav-box-2 .nav .nav-center{
    width: 224px;
    height: 60px;
    margin: 0 auto;
}
.nav-box-2 .nav .nav-center > a{
    display: block;
    width: 224px;
    height: 48px;
    margin: 6px 0;
    float: left;
    background: url('../img/png/p8/p8-2.png') center no-repeat;
    background-size: cover;
}

/*注册登录*/
.nav-box-2 .nav .nav-right{
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

/*没登录*/
.nav-box-2 .nav .nav-right .login-box{
    display: inline-block;
    height: 60px;
    line-height: 60px;
}
.nav-box-2 .nav .nav-right .login-box > span{
    display: inline-block;
    height: 60px;
    float: left;
}
.nav-box-2 .nav .nav-right .login-box > span.sp1{
    width: 16px;
    margin-right: 10px;
}
.nav-box-2 .nav .nav-right .login-box > span.sp1 > i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 22px 0;
    background: url('../img/png/p1/p1-1.png') center no-repeat;
    background-size: cover;
}
.nav-box-2 .nav .nav-right .login-box > span.sp2{
    font-size: 16px;
    color: white;
}
.nav-box-2 .nav .nav-right .login-box > span.sp2 a{
    font-size: 16px;
    color: white;
}
.nav-box-2 .nav .nav-right .login-box > span.sp2 a:hover{
    color: #25B8CF;
    text-decoration: underline;
}
.nav-box-2 .nav .nav-right .login-box > span.sp3{
    font-size: 16px;
    color: white;
    margin: 0 4px;
}
.nav-box-2 .nav .nav-right .login-box > span.sp4{
    font-size: 16px;
    color: white;
}
.nav-box-2 .nav .nav-right .login-box > span.sp4 a{
    font-size: 16px;
    color: white;
}
.nav-box-2 .nav .nav-right .login-box > span.sp4 a:hover{
    color: #25B8CF;
    text-decoration: underline;
}

/*登录成功*/
.nav-box-2 .nav .nav-right .login-box2{
    width: 168px;
    height: 60px;
    line-height: 60px;
    position: relative;
    /*cursor: pointer;*/
}
.nav-box-2 .nav .nav-right .login-box2 .login{
    height: 34px;
    padding: 13px 0;
}
.nav-box-2 .nav .nav-right .login-box2 .login span{
    height: 34px;
    float: left;
}
.nav-box-2 .nav .nav-right .login-box2 .login span.sp1{
    width: 34px;
    height: 34px;
    margin-left: 10px;
    border-radius: 50%;
}
.nav-box-2 .nav .nav-right .login-box2 .login span.sp1 > a{
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

.nav-box-2 .nav .nav-right .login-box2 .login span.sp2{
    width: 80px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    margin-right: 12px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: white;
}
.nav-box-2 .nav .nav-right .login-box2 .login span.sp2 > a{
    font-size: 16px;
    color: white;
}

.nav-box-2 .nav .nav-right .login-box2 .login span.sp3{
    width: 13px;
    height: 34px;
}
.nav-box-2 .nav .nav-right .login-box2 .login span.sp3 > i{
    display: block;
    width: 13px;
    height: 7px;
    background: url('../img/png/p1/p1-8.png') center no-repeat;
    background-size: cover;
    margin: 13.5px 0;
}

.nav-box-2 .nav .nav-right .login-box2:hover > .login{
    background: white;
}
.nav-box-2 .nav .nav-right .login-box2:hover > .login > .sp2{
    color: #232427;
}
.nav-box-2 .nav .nav-right .login-box2:hover > .login > .sp2 > a{
    color: #232427;
}
.nav-box-2 .nav .nav-right .login-box2:hover > .login > .sp3 > i{
    background: url('../img/png/p1/p1-9.png') center no-repeat;
}

.nav-box-2 .nav .nav-right .login-box2:hover > .menu{
    display: block;
}

.nav-box-2 .nav .nav-right .login-box2 .menu{
    width: 168px;
    min-height: 0;
    background: white;
    box-shadow: 0 0 8px #E2E2E2;
    position: absolute;
    top: 60px;
    left: 0;
    display: none;
}
.nav-box-2 .nav .nav-right .login-box2 .menu .ss{
    width: 100%;
    height: 3px;
    background: white;
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 10;
}
.nav-box-2 .nav .nav-right .login-box2 .menu .li{
    width: 100%;
    height: 40px;
    background: white;
    text-align: left;
}
.nav-box-2 .nav .nav-right .login-box2 > .menu .li:hover{
    background: #E7F8FB;
}
.nav-box-2 .nav .nav-right .login-box2 .menu .li > a{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    text-indent: 28px;
}


/*顶部导航*/
.nav-box-3{
    width: 100%;
    min-width: 1200px;
    height: 60px;
    background: #232427;
    position: fixed;
    top: 0;
    z-index: 100;
}
.nav-box-3 .nav{
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    background: #232427;
    position: relative;
}

/*导航菜单*/
.nav-box-3 .nav .nav-left{
    display: inline-block;
    width: 224px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}
.nav-box-3 .nav .nav-left > a.logo{
    display: block;
    width: 224px;
    height: 48px;
    margin: 6px 0;
    float: left;
    background: url('../img/png/p8/p8-2.png') center no-repeat;
    background-size: cover;
}

.nav-box-3 .nav .nav-right{
    display: inline-block;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-box-3 .nav .nav-right > .n1{
    display: inline-block;
    height: 60px;
    float: left;
    min-width: 90px;
    margin-right: 90px;
}
.nav-box-3 .nav .nav-right > .n1 > span{
    display: inline-block;
    max-width: 240px;
    height: 60px;
    line-height: 60px;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.nav-box-3 .nav .nav-right > .n1 > span.sp1{
    font-size: 24px;
    color: white;
}

.nav-box-3 .nav .nav-right > .n1 > span.sp2{
    margin-left: 30px;
    font-size: 16px;
    color: #999999;
}


.nav-box-3 .nav .nav-right > .n2{
    width: 190px;
    height: 60px;
    float: left;
    /*margin-right: 70px;*/
}
.nav-box-3 .nav .nav-right > .n2 > .tp{
    width: 190px;
    height: 38px;
    margin: 11px 0;
    float: left;
    background: #D25A28;
    border-radius: 4px;
}
.nav-box-3 .nav .nav-right > .n2 > .tp > .tp-l{
    width: 40%;
    height: 38px;
    line-height: 38px;
    padding: 0 5%;
    float: left;
    text-align: center;
}
.nav-box-3 .nav .nav-right > .n2 > .tp > .tp-l > span{
    display: inline-block;
    width: 100%;
    font-size: 16px;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.nav-box-3 .nav .nav-right > .n2 > .tp > .tp-r{
    width: 40%;
    height: 38px;
    line-height: 38px;
    padding: 0 5%;
    float: right;
}
.nav-box-3 .nav .nav-right > .n2 > .tp > .tp-r > span{
    font-size: 16px;
    color: white;
}

.nav-box-3 > .rate-of-progress{
    width: 0;
    height: 4px;
    background: #25BAD1;
    position: absolute;
    top: 60px;
    left: 0;
}


/*主体*/
.popularization-8 .main{
    width: 100%;
    min-width: 0;
    min-height: 8000px;
    margin: 0 auto;
}
.popularization-8 .main .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
}
.popularization-8 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 86px;
    right: -68px;
}
.popularization-8 .main .m1 .n1 .v-box{
    width: 50px;
    height: 260px;
    position: fixed;
}
.popularization-8 .main .m1 .n1 .v-box .li{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2px;
    background: #F2F2F2;
}
.popularization-8 .main .m1 .n1 .v-box .li > span{
    font-size: 16px;
    color: #A0A0A0;
}

.popularization-8 .main .m1 .n1 .v-box .li > a{
    display: block;
    width: 50px;
    height: 50px;
}
.popularization-8 .main .m1 .n1 .v-box .li > a.a1{
    background: url('../img/png/p1/p1-11.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li > a.a2{
    background: url('../img/png/p1/p1-12.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li > a.a3{
    background: url('../img/png/p1/p1-13.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li > a.a4{
    background: url('../img/png/p1/p1-14.png') center no-repeat;
    background-size: cover;
}

.popularization-8 .main .m1 .n1 .v-box .li.h{
    cursor: pointer;
}
.popularization-8 .main .m1 .n1 .v-box .li.h:hover{
    background: #25BAD1;
}
.popularization-8 .main .m1 .n1 .v-box .li.h:hover > .a1{
    background: url('../img/png/p1/p1-11s.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li.h:hover > .a2{
    background: url('../img/png/p1/p1-12s.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li.h:hover > .a3{
    background: url('../img/png/p1/p1-13s.png') center no-repeat;
    background-size: cover;
}
.popularization-8 .main .m1 .n1 .v-box .li.h:hover > .a4{
    background: url('../img/png/p1/p1-14s.png') center no-repeat;
    background-size: cover;
}


.popularization-8 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 0 auto 60px;
    overflow: hidden;
}
.popularization-8 .main .m2 .m-left{
    width: 920px;
    min-height: 0;
    float: left;
}

.n1{
    width: 690px;
    padding: 30px 80px;
    min-height: 44px;
    line-height: 44px;
    background: white;
    box-shadow: 0 0 8px #E7E7E7;
}
.n1 > .v1{
    width: 100%;
    min-height: 44px;
    line-height: 44px;
    text-align: center;
}
.n1 > .v1 > span{
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

.n1 > .v2{
    width: 100%;
    height: 40px;
    padding: 28px 0 8px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
}
.n1 > .v2 > .v-left{
    display: inline-block;
    height: 40px;
    position: absolute;
    top: 28px;
    left: 0;
}
.n1 > .v2 > .v-left > span{
    display: inline-block;
    height: 40px;
    float: left;
}
.n1 > .v2 > .v-left > span.sp1{
    width: 40px;
    height: 40px;
}
.n1 > .v2 > .v-left > span.sp1 > a{
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.n1 > .v2 > .v-left > span.sp2{
    font-size: 16px;
    color: #999999;
    margin-left: 14px;
}

.n1 > .v2 > .v-right{
    display: inline-block;
    height: 40px;
    position: absolute;
    top: 28px;
    right: 0;
}
.n1 > .v2 > .v-right > span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-left: 24px;
    font-size: 14px;
    color: #999999;
}

.n1 > .v3{
    width: 100%;
    min-height: 0;
    padding: 50px 0;
}
.n1 > .v3 > p{
    line-height: 30px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 30px;
}
.n1 > .v3 > p img{
    display: block;
    max-width: 640px;
    margin: 0 auto;
}
.n1 > .v3 > p > strong{
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #999999;
}

.n1 > .v4{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.n1 > .v4 > span{
    font-size: 16px;
    color: #333333;
}


.n2{
    width: 920px;
    min-height: 60px;
    background: white;
    box-shadow: 0 0 8px #E7E7E7;
    margin-top: 20px;
}
.n2 > .v1{
    width: 860px;
    height: 58px;
    padding: 0 30px;
    border-bottom: 1px solid #EDEDED;
	display: none;
}
.n2 > .v1 > span{
    font-size: 16px;
    font-weight: 700;
    line-height: 58px;
    color: #000000;
    font-weight: bold;
}
.n2 > .v2{
    width: 860px;
    min-height: 0;
    padding: 0 30px 30px;
}


/*=======================================*/
/*我要评论*/
.Article_comments{
    width: 100%;
    height: 100%;
}
.Article_comments .comment_on{
    width: 100%;
    height: 37px;
    /*margin-top: 80px;*/
    border-bottom: 1px solid #E5E5E5;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    color: black;
	padding-top: 10px;
}
.Article_comments .comment_on > a {
    display: inline-block;
    height: 36px;
    border-bottom: 2px solid #f2c820;
}
/*帐户*/
.Article_comments .account{
    width: 100%;
    max-height: 42px;
    padding: 24px 0 0px 0;
    overflow: hidden;
}
.Article_comments .account .pic{
    display: inline-block;
    width: 42px;
    height: 42px;
    background-size: cover;
    border-radius: 50%;
    float: left;
}
.Article_comments .account .name{
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-left: 16px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #4B4B4B;
    float: left;
}

.Article_comments .comment_sub{
    width: 744px;
    padding-left: 58px;
    min-height: 160px;
	padding-top: 18px;
}
.Article_comments .comment_sub textarea{
    width: 712px;
    height: 70px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-family: monospace,"微软雅黑";
    font-size: 16px;
    color: #4B4B4B;
    overflow-y: auto;
}

.Article_comments .comment_sub>input{
    width: 152px;
    height: 33px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #f2c820;
    font-family: "微软雅黑";
    font-size: 18px;
    color: white;
    float: right;
    cursor: pointer;
}
/*=======================================*/
/*最新评论*/
.Latest_comments{
    width: 100%;
    min-height: 38px;
}
.Latest_comments .comments_title{
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #EBEBEB;
    font-family: "微软雅黑";
    font-size: 18px;
    line-height: 36px;
    color: black;
    margin-bottom: 30px;
}
.Latest_comments .comments_title > a {
    display: inline-block;
    height: 36px;
    border-bottom: 2px solid #f2c820;
}

.Latest_comments .item_box{
    width: 100%;
}
.Latest_comments .item_box .item{
    width: 100%;
    min-height: 64px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 30px;
    overflow: hidden;
    /*display: none;*/
}
.Latest_comments .item_box .item .pic{
    display: block;
    width: 42px;
    height: 42px;
    background-size: cover;
    border-radius: 50%;
    float: left;
}
.Latest_comments .item_box .item .item_content{
    width: 800px;
    height: auto;
    float: right;
}
.Latest_comments .item_box .item .item_content .name_time{
    width: 100%;
    height: 42px;
    line-height: 42px;
}
.Latest_comments .item_box .item .item_content .name_time .sp1{
    width: 100%;
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 36px;
    color: #000000;
}
.Latest_comments .item_box .item .item_content .name_time .sp2{
    width: 100%;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #949494;
    margin-left: 18px;
}

.Latest_comments .item_box .item .item_content .Comment{
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 28px;
    color: #555555;
    text-align: justify;
}
.Latest_comments .item_box .item .item_content .Dot_praise{
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding-top: 10px;
    /*border-bottom: 1px solid #E7E7E7;*/
}
.Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left{
    width: 40%;
    height: 54px;
    float: left;
}
.Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label{
    display: inline-block;
    height: 54px;
    font-size: 14px;
    font-family: "微软雅黑";
    color: #555555;
    cursor: pointer;
}
.Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label:hover{
    color: #f2c820;
}
.Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label:hover i{
    color: #f2c820;
}

.Latest_comments .item_box .item .item_content .Dot_praise .Dot_praise_left label>i{
    font-size: 14px;
    margin-right: 10px;
}

.Latest_comments .item_box .item .item_content .Dot_praise .reply_right{
    width: 40%;
    height: 54px;
    line-height: 54px;
    float: right;
    text-align: right;
    font-size: 14px;
    color: #555555;
}
.Latest_comments .item_box .item .item_content .Dot_praise .reply_right > a{
    font-size: 14px;
    color: #555555;
}
.Latest_comments .item_box .item .item_content .Dot_praise .reply_right >:hover{
    color: #f2c820;
}

/*输入框*/
.Latest_comments .item_box .item .item_content .import{
    width: 100%;
    height: 126px;
    display: none;
}
.Latest_comments .item_box .item .item_content .import textarea{
    width: 592px;
    height: 40px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
    color: #4B4B4B;
    overflow-y: auto;
}
.Latest_comments .item_box .item .item_content .import input{
    width: 82px;
    height: 32px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #f2c820;
    font-size: 14px;
    color: white;
    float: right;
    cursor: pointer;
}

/*回复列表*/
.Latest_comments .item_box .item .item_content .list_box{
    width: 100%;
    height: 100%;
    padding: 10px 0 0 100px;
}
/*回复列表*/
.Latest_comments .item_box .item .item_content .list_box .list{
    width: 100%;
    height: 100%;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content{
    width: 100%;
    height: 100%;
    line-height: 28px;
    padding-top: 10px;
    border-top: 1px solid #E7E7E7;
    font-family: "微软雅黑";
    font-size: 14px;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content span{
    font-size: 14px;
    margin-right: 7px;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp1{
    color: #000000;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp2{
    color: #999999;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp3{
    color: #999999;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_content .sp4{
    color: #555555;
}

/*时间*/
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 5px 0;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time label{
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #9C9C9C;
    float: left;
    cursor: pointer;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time label>i{
    margin-right: 10px;
    font-size: 14px;
    color: #9C9C9C;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time label:hover{
    color: #f2c820;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time label:hover i{
    color: #f2c820;
}

.Latest_comments .item_box .item .item_content .list_box .list .Reply_time span{
    font-size: 14px;
    color: #9C9C9C;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp1{
    font-size: 14px;
    color: #9C9C9C;
    margin-left: 20px;
    float: left;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp2{
    font-size: 14px;
    color: #9C9C9C;
    cursor: pointer;
    float: right;
}
.Latest_comments .item_box .item .item_content .list_box .list .Reply_time .sp2:hover{
    color: #f2c820;
}

/*输入框*/
.Latest_comments .item_box .item .item_content .list_box .list .import{
    width: 100%;
    height: 126px;
    display: none;
}
.Latest_comments .item_box .item .item_content .list_box .list .import textarea{
    width: 592px;
    height: 40px;
    padding: 10px 15px;
    resize: none;
    border-radius: 6px;
    border: 1px solid #DDDDDD;
    font-family: monospace,"微软雅黑";
    font-size: 14px;
    color: #4B4B4B;
    overflow-y: auto;
}
.Latest_comments .item_box .item .item_content .list_box .list .import>input{
    width: 82px;
    height: 36px;
    margin-top: 14px;
    border-style: none;
    border-radius: 4px;
    background: #f2c820;
    font-family: "微软雅黑";
    font-size: 18px;
    color: white;
    float: right;
    cursor: pointer;
}

/*更多评论*/
.Latest_comments .More{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 20px 0px;
    text-align: center;
    display: none;
}
.Latest_comments .More>a{
    font-family: "微软雅黑";
    font-size: 16px;
    color: #494949;
}
.Latest_comments .More>a:hover{
    color: #25BAD1;
}

/*===========================================*/
.popularization-8 .main .m2 .m-right{
    width: 330px;
    min-height: 0;
    float: right;
}
/*图片*/
.popularization-8 .main .m2 .m-right > .n0{
    width: 290px;
    min-height: 120px;
    padding: 30px 20px;
    background: white;
    box-shadow: 0 0 8px #E7E7E7;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}
.popularization-8 .main .m2 .m-right > .n0 > .v1{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.popularization-8 .main .m2 .m-right > .n0 > .v1 > span{
    font-size: 18px;
    color: #000000;
}
.popularization-8 .main .m2 .m-right > .n0 > .v2{
    width: 100%;
    height: 1px;
}
.popularization-8 .main .m2 .m-right > .n0 > .v2 .cover{
    width: 80%;
    height: 1px;
    margin: 0 auto;
    background: -webkit-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
    background: -moz-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
    background: -o-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
}

.popularization-8 .main .m2 .m-right > .n0 > .v3{
    width: 100%;
    height: 28px;
    padding-bottom: 20px;
    line-height: 28px;
    background: url('../img/png/p8/p8-4.png') center top no-repeat;
}

.popularization-8 .main .m2 .m-right > .n0 > .v4{
    width: 100%;
    height: 244px;
}
.popularization-8 .main .m2 .m-right > .n0 > .v4 > .pic{
    width: 174px;
    height: 244px;
    margin: 0 auto;
}

.popularization-8 .main .m2 .m-right > .n0 > .v5{
    width: 174px;
    min-height: 28px;
    line-height: 28px;
    padding: 22px 0 8px;
    text-align: center;
    margin: 0 auto;
}
.popularization-8 .main .m2 .m-right > .n0 > .v5 > span{
    font-size: 16px;
    color: #333333;
}


/*评论*/
.popularization-8 .main .m2 .m-right > .n1{
    width: 100%;
    min-height: 0;
    background: white;
    box-shadow: 0 0 8px #E7E7E7;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1{
    width: 100%;
    min-height: 0;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-top{
    width: 290px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 20px;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-top > span{
    font-size: 16px;
    color: #25BAD1;
    font-weight: 700;
}

.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom{
    width: 260px;
    min-height: 0;
    padding: 0 35px;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box{
    width: 100%;
    min-height: 0;

}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li{
    width: 100%;
    min-height: 0;
    padding: 24px 0 30px;
    border-top: 1px solid #E5E5E5;
    position: relative;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li:nth-child(1){
    border-style: none;
}

.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c1{
    width: 100%;
    height: 22px;
    padding-bottom: 10px;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c1 > .tb{
    width: 26px;
    height: 22px;
    background: url('../img/png/p8/p8-3.png') center no-repeat;
    background-size: cover;
}

.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c2{
    width: 100%;
    min-height: 0;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c2 > p{
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}

.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c3{
    width: 100%;
    height: 24px;
    padding-top: 15px;
    line-height: 24px;
    text-align: right;
}
.popularization-8 .main .m2 .m-right > .n1 > .v1 > .v-bottom > .li-box > .li > .c3 > span{
    font-size: 14px;
    color: #999999;
}

/*===========================================*/
/*评委页*/
.popularization-9{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-9 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-9 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
    background: firebrick;
}


.popularization-9 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-9 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-9 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-9 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 94px;
    padding: 0px 0 20px;
}
.popularization-9 .main .m2 .m-left .n1 .v1 .v-l{
    width: 334px;
    height: 94px;
    float: left;
}

.popularization-9 .main .m2 .m-left .n1 .v1 .v-l .v-logo{
    width: 334px;
    height: 94px;
    background: url('../img/png/p2/p2-1.png') center no-repeat;
    background-size: cover;
    float: left;
}

.popularization-9 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-9 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

/*.n2*/
.popularization-9 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-left .n2 .v1{
    width: 100%;
    height: 30px;
    padding-top: 42px;
}
.popularization-9 .main .m2 .m-left .n2 .v1 > span{
    display: block;
    width: 160px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    margin: 0 auto;
    background: #25BAD1;
    font-size: 16px;
    color: white;
}
.popularization-9 .main .m2 .m-left .n2 .v2{
    width: 100%;
    height: 204px;
    padding: 44px 0 0;
}
.popularization-9 .main .m2 .m-left .n2 .v2 .b1{
    width: 106px;
    height: 140px;
    margin: 0 auto;
}

.popularization-9 .main .m2 .m-left .n2 .v2 .b2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
}
.popularization-9 .main .m2 .m-left .n2 .v2 .b2 > span{
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    overflow: hidden;
}

.popularization-9 .main .m2 .m-left .n2 .v2 .b3{
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
}

.popularization-9 .main .m2 .m-left .n2 .v2 .b3 > span{
    font-size: 14px;
    color:#666666;
}

.popularization-9 .main .m2 .m-left .n2 .v3{
    width: 100%;
    min-height: 40px;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-top{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 38px 0 34px;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-top > span{
    font-size: 24px;
    color: #333333;
    font-weight: 700;
}

.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item{
    width: 212.5px;
    height: 202px;
    float: left;
    margin-bottom: 50px;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t1{
    width: 140px;
    height: 140px;
    margin: 0 auto;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t1 > a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 8px;

    text-align: center;
    text-overflow: ellipsis;
    white-space: inherit;
    overflow: hidden;

    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t2 > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t3{
    width: 94%;
    padding: 0 3%;
    min-height: 24px;
    max-height: 48px;
    line-height: 24px;

    text-align: center;
    overflow: hidden;
}
.popularization-9 .main .m2 .m-left .n2 .v3 > .v-bottom > .item-box > .item > .t3 > span{
    font-size: 14px;
    color: #333333;
}


/*右边*/
.popularization-9 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-9 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-9 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-9 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-9 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-9 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-9 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-9 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-9 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-9 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-9 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-9 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-9 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-9 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-9 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-9 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}


.popularization-9 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-9 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-9 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-9 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-9 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-9 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-9 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-9 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-9 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-9 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-9 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-9 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-9 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-9 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-9 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-9 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-9 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-9 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-9 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-9 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-9 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-9 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-9 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}



/*===========================================*/
/*社团代表*/
.popularization-10{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-10 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-10 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
    background: firebrick;
}


.popularization-10 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-10 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-10 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-10 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 94px;
    padding: 0px 0 20px;
}
.popularization-10 .main .m2 .m-left .n1 .v1 .v-l{
    width: 334px;
    height: 94px;
    float: left;
}

.popularization-10 .main .m2 .m-left .n1 .v1 .v-l .v-logo{
    width: 334px;
    height: 94px;
    background: url('../img/png/p2/p2-1.png') center no-repeat;
    background-size: cover;
    float: left;
}

.popularization-10 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-10 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

/*.n3*/
.popularization-10 .main .m2 .m-left .n3{
    width: 100%;
}

.popularization-10 .main .m2 .m-left .n3{
    width: 100%;
    height: 40px;
    padding: 40px 0 60px;
}
.popularization-10 .main .m2 .m-left .n3 .search{
    width: 288px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

.popularization-10 .main .m2 .m-left .n3 .search > input{
    width: 216px;
    height: 38px;
    border: 1px solid #CCCCCC;
    border-radius: 20px;
    padding: 0 20px 0 50px;
    font-size: 14px;
}

.popularization-10 .main .m2 .m-left .n3 .search > .label{
    width: 22px;
    height: 22px;
    background: url('../img/png/p10/p10-1.png') center no-repeat;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: 15px;
}

.popularization-10 .main .m2 .m-left .n4{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box{
    width: 100%;
    min-height: 0;
    padding: 8px;
    margin: 0 0 0 -8px;
    overflow: hidden;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list{
    width: 378px;
    height: 140px;
    background: white;
    margin-bottom: 14px;
    box-shadow: 0 0 16px #E9E9E9;
    padding: 30px 20px 32px;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list:nth-child(2n+1){
    float: left;
}

.popularization-10 .main .m2 .m-left .n4 > .list-box > .list:nth-child(2n){
    float: right;
}

.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-l{
    width: 140px;
    height: 140px;
    float: left;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-l > .pic{
    width: 138px;
    height: 138px;
    border-radius: 50%;
    border: 1px solid #D0D0D0;
}


.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r{
    width: 226px;
    height: 140px;
    float: right;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v1{
    width: 100%;
    height: 60px;
    padding-top: 2px;
    overflow: hidden;
    line-height: 26px;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v1 > a,
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v1 > p{
    font-size: 16px;
    font-weight: 700;
    color: #333333;
}

.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v2{
    width: 100%;
    height: 22px;
    line-height: 22px;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v2 > span{
    font-size: 14px;
    color: #999999;
}

.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v3{
    width: 100%;
    height: 44px;
    line-height: 44px;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v3 > span{
    display: inline-block;
    max-width: 180px;
    height: 44px;
    line-height: 44px;
    float: left;
    font-size: 14px;
    color: #999999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v3 > span.sp1{
    font-size: 14px;
    color: #999999;
}

.popularization-10 .main .m2 .m-left .n4 > .list-box > .list > .list-r > .v3 > span.sp2{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin: 5px 0 5px 10px;
}


/*右边*/
.popularization-10 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-10 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-10 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-10 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-10 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-10 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-10 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-10 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

.popularization-10 .main .m2 .m-right .n3{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n3 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-10 .main .m2 .m-right .n3 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-10 .main .m2 .m-right .n3 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-10 .main .m2 .m-right .n3 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-10 .main .m2 .m-right .n3 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list{
    width: 100%;
    min-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l{
    width: 16px;
    height: 24px;
    float: left;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-l span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: black;
}

.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r{
    width: 220px;
    min-height: 24px;
    line-height: 24px;
    float: right;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a{
    font-size: 14px;
    color: #494949;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .list-box .list .list-r a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-10 .main .m2 .m-right .n3 .n-bottom .more{
    width: 100%;
    height: 30px;
    padding: 12px 0;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-10 .main .m2 .m-right .n3 .n-bottom .open_up{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .open_up .list{
    width: 234px;
    height: 156px;
    margin: 0 auto 20px;
}
.popularization-10 .main .m2 .m-right .n3 .n-bottom .open_up .list .pic{
    width: 234px;
    height: 156px;
}

.popularization-10 .main .m2 .m-right .n4{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n4 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-10 .main .m2 .m-right .n4 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-10 .main .m2 .m-right .n4 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-10 .main .m2 .m-right .n4 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-10 .main .m2 .m-right .n4 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list{
    width: 100%;
    min-height: 242px;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b{
    width: 100%;
    height: 72px;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-10 .main .m2 .m-right .n4 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-10 .main .m2 .m-right .n4 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-10 .main .m2 .m-right .n5{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-10 .main .m2 .m-right .n5 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-10 .main .m2 .m-right .n5 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-10 .main .m2 .m-right .n5 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-10 .main .m2 .m-right .n5 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-10 .main .m2 .m-right .n5 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list{
    width: 100%;
    height: 252px;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t{
    width: 100%;
    height: 140px;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-t a{
    display: block;
    width: 138px;
    height: 138px;
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    margin: 0 auto;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b{
    width: 100%;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v1 a{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2{
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #666666;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .list-box .list .list-b .v2 span{
    font-size: 14px;
    color: #666666;
}

.popularization-10 .main .m2 .m-right .n5 .n-bottom .more{
    width: 100%;
    height: 30px;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .more a{
    display: block;
    width: 158px;
    height: 28px;
    border: 1px solid #CCCCCC;
    border-radius: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #494949;
}
.popularization-10 .main .m2 .m-right .n5 .n-bottom .more a:hover{
    background: #EFEFEF;
}

.popularization-10 .main .m2 .m-right .n6{
    width: 100%;
    min-height: 0;
    margin-top: 50px;
}
.popularization-10 .main .m2 .m-right .n6 .n-top{
    width: 100%;
    padding-bottom: 15px;
}
.popularization-10 .main .m2 .m-right .n6 .n-top .ss{
    width: 100%;
    height: 3px;
    background: #25BAD1;
}
.popularization-10 .main .m2 .m-right .n6 .n-top .text{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-10 .main .m2 .m-right .n6 .n-top .text span{
    font-size: 16px;
    font-weight: 700;
    color: #25BAD1;
}

.popularization-10 .main .m2 .m-right .n6 .n-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-10 .main .m2 .m-right .n6 .n-bottom .content{
    width: 100%;
}
.popularization-10 .main .m2 .m-right .n6 .n-bottom .content p{
    font-size: 14px;
    color: #494949;
    line-height: 26px;
}



/*===========================================*/
/*培训计划*/
.popularization-11{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-11 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-11 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-11 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-11 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-11 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-11 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 94px;
    padding: 0 0 20px;
}
.popularization-11 .main .m2 .m-left .n1 .v1 .v-l{
    width: 334px;
    height: 94px;
    float: left;
}

.popularization-11 .main .m2 .m-left .n1 .v1 .v-l .v-logo{
    width: 334px;
    height: 94px;
    background: url('../img/png/p2/p2-1.png') center no-repeat;
    background-size: cover;
    float: left;
}

.popularization-11 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-11 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-11 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.popularization-11 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 46px;
    padding: 40px 0;
    text-align: center;
    line-height: 46px;
}
.popularization-11 .main .m2 .m-left .n2 > .v1 > span{
    font-size: 24px;
    color: #333333;
    font-weight: 700;
}

.popularization-11 .main .m2 .m-left .n2 > .v2{
    width: 920px;
    min-height: 0;
    margin-bottom: 70px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box{
    width: 920px;
    min-height: 120px;
    padding: 8px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
}

.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+1){
    width: 376px;
    height: 260px;
    background: white;
    box-shadow: 0 0 16px #D4D4D4;
    padding: 30px 20px;
    float: left;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+1) > .b1{
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding-bottom: 6px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+1) > .b1 > p{
    font-size: 22px;
    font-weight: 700;
    color: #25BAD1;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+1) > .b2{
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+1) > .b2 > p{
    font-size: 16px;
    color: #333333;
}

.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+2){
    width: 376px;
    height: 260px;
    background: white;
    box-shadow: 0 0 16px #D4D4D4;
    padding: 30px 20px;
    float: right;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+2) > .b1{
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding-bottom: 6px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+2) > .b1 > p{
    font-size: 22px;
    font-weight: 700;
    color: #25BAD1;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+2) > .b2{
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+2) > .b2 > p{
    font-size: 16px;
    color: #333333;
}


.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+3){
    width: 810px;
    height: 116px;
    background: white;
    box-shadow: 0 0 16px #D4D4D4;
    padding: 30px 20px;
    float: left;
    margin-top: 18px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+3) > .b1{
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding-bottom: 6px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+3) > .b1 > p{
    font-size: 22px;
    font-weight: 700;
    color: #25BAD1;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+3) > .b2{
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}
.popularization-11 .main .m2 .m-left .n2 > .v2 > .list-box > .list:nth-child(3n+3) > .b2 > p{
    font-size: 16px;
    color: #333333;
}

.popularization-11 .main .m2 .m-left .n3{
    width: 920px;
    min-height: 0;
}
.popularization-11 .main .m2 .m-left .n3 > .v1{
    width: 100%;
    height: 40px;
    padding: 30px 0;
    line-height: 40px;
    text-align: center;
}
.popularization-11 .main .m2 .m-left .n3 > .v1 > span{
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

.popularization-11 .main .m2 .m-left .n3 > .v2{
    width: 100%;
    min-height: 0;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item{
    width: 100%;
    min-height: 0;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-top{
    width: 100%;
    height: 32px;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-top > span{
    display: block;
    width: 162px;
    height: 32px;
    margin: 0 auto;
    line-height: 32px;
    text-align: center;
    border-radius: 16px;
    background: #25BAD1;
    font-size: 18px;
    color: white;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom{
    width: 100%;
    min-height: 0;
    padding: 30px 0 80px;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box{
    width: 920px;
    min-height: 0;
    padding: 8px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list{
    width: 414px;
    height: 400px;
    background: white;
    box-shadow: 0 0 16px #D4D4D4;
    margin-bottom: 24px;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list:nth-child(2n+1){
    float: left;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list:nth-child(2n+2){
    float: right;
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-top{
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-top:hover > a.pic{
    transform: scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-top > a.pic{
    display: block;
    width: 100%;
    height: 250px;
    transition:2s;
    -moz-transition:-moz-transform 2s; /* Firefox 4 */
    -webkit-transition:-webkit-transform 2s; /* Safari and Chrome */
    -o-transition:-o-transform 2s; /* Opera */
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-top > .state{
    width: 62px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 0;
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom{
    width: 374px;
    height: 110px;
    padding: 20px;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom > .c1{
    width: 100%;
    min-height: 56px;
    max-height: 56px;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom > .c1 > a{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 28px;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom > .c1 > a:hover{
    color: #25BAD1;
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom > .c2{
    width: 100%;
    height: 54px;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list > .list-bottom > .c2 > p{
    font-size: 16px;
    color: #333333;
    line-height: 27px;
}


.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two{
    width: 920px;
    height: 400px;
    background: white;
    box-shadow: 0 0 16px #D4D4D4;
    margin-bottom: 24px;
    float: left;
}


.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-top{
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-top:hover > a.pic{
    transform: scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-top > a.pic{
    display: block;
    width: 100%;
    height: 250px;
    transition:2s;
    -moz-transition:-moz-transform 2s; /* Firefox 4 */
    -webkit-transition:-webkit-transform 2s; /* Safari and Chrome */
    -o-transition:-o-transform 2s; /* Opera */
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-top > .state{
    width: 62px;
    height: 62px;
    position: absolute;
    top: 0;
    left: 0;
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom{
    width: 810px;
    height: 110px;
    padding: 20px;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom > .c1{
    width: 100%;
    min-height: 56px;
    max-height: 56px;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom > .c1 > a{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 28px;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom > .c1 > a:hover{
    color: #25BAD1;
}

.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom > .c2{
    width: 100%;
    height: 54px;
    overflow: hidden;
}
.popularization-11 .main .m2 .m-left .n3 > .v2 > .item > .item-bottom > .list-box > .list-two > .list-bottom > .c2 > p{
    font-size: 16px;
    color: #333333;
    line-height: 27px;
}


/*===========================================*/
/*右边*/
.popularization-11 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-11 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-11 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-11 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-11 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-11 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-11 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-11 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

/*===========================================*/

/*第三轮投稿-1*/
/*===========================================*/
.popularization-12-1{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-12-1 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-12-1 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-12-1 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-12-1 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-12-1 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
}
.popularization-12-1 .main .m2 .m-left .n1 > .v1{
    width: 100%;
    height: 98px;
}
.popularization-12-1 .main .m2 .m-left .n1 > .v1 > a{
    display: block;
    width: 100%;
    height: 98px;
}

.popularization-12-1 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
    padding-top: 40px;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 40px;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li{
    width: 211.75px;
    height: 40px;
    line-height: 40px;
    /*border-radius: 2px;*/
    text-align: center;
    background: #EEEEEE;
    float: left;
    position: relative;
    border-left: 1px solid white;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li:nth-child(1){
    border-left-style: none;
}

.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li > a{
    font-size: 16px;
    color: #333333;
}

.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li.show{
    background: #25BAD1;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li.show > .s{
    width: 0;
    height: 0;
    border-top: 12px solid #25BAD1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -12px;
}

.popularization-12-1 .main .m2 .m-left .n2 > .v1 > .li.show > a{
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.popularization-12-1 .main .m2 .m-left .n2 > .v2{
    width: 100%;
    min-height: 0;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v2 > .content{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v2 > .content > p{
    font-size: 16px;
    color: #666666;
    line-height: 36px;
}

.popularization-12-1 .main .m2 .m-left .n2 > .v3{
    width: 100%;
    min-height: 0;
    padding: 100px 0;
}
.popularization-12-1 .main .m2 .m-left .n2 > .v3 > a{
    display: block;
    width: 244px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
    margin: 0 auto;
    background: #25BAD1;
    font-size: 20px;
    color: white;
}

/*===========================================*/
/*右边*/
.popularization-12-1 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-12-1 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-12-1 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-12-1 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-12-1 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-12-1 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-12-1 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-12-1 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

/*===========================================*/


/*第三轮投稿-2*/
/*===========================================*/
.popularization-12-2{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-12-2 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-12-2 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-12-2 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-12-2 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
}
.popularization-12-2 .main .m2 .m-left .n1 > .v1{
    width: 100%;
    height: 98px;
}
.popularization-12-2 .main .m2 .m-left .n1 > .v1 > a{
    display: block;
    width: 100%;
    height: 98px;
}

.popularization-12-2 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
    padding-top: 40px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 40px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li{
    width: 211.75px;
    height: 40px;
    line-height: 40px;
    /*border-radius: 2px;*/
    text-align: center;
    background: #EEEEEE;
    float: left;
    position: relative;
    border-left: 1px solid white;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li:nth-child(1){
    border-left-style: none;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li > a{
    font-size: 16px;
    color: #333333;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li.show{
    background: #25BAD1;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li.show > .s{
    width: 0;
    height: 0;
    border-top: 12px solid #25BAD1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -12px;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v1 > .li.show > a{
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2{
    width: 100%;
    min-height: 0;
    padding-top: 50px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-1{
    width: 100%;
    height: 42px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}


.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-right{
    width: 770px;
    height: 42px;
    float: right;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-right > input{
    width: 748px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2{
    width: 100%;
    min-height: 42px;
    margin: 24px 0;
    overflow: hidden;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-right{
    width: 770px;
    min-height: 42px;
    float: right;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-right > textarea{
    width: 748px;
    height: 320px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    resize:none;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num{
    width: 770px;
    height: 34px;
    line-height: 32px;
    float: right;
    text-align: right;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num > span{
    font-size: 14px;
    color: #808080;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num > span > b{
    font-weight: 700;
    color: #FB424A;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3{
    width: 100%;
    min-height: 42px;
    margin: 24px 0;
    overflow: hidden;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}


.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center{
    display: inline-block;
    max-width: 120px;
    height: 120px;
    overflow: hidden;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box{
    width: 100%;
    min-height: 0;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss{
    display: inline-block;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num{
    display: inline-block;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num > .pic{
    width: 120px;
    height: 120px;
    /*margin-right: 4px;*/
    background: #F6F6F6;
    float: left;
    position: relative;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num > .pic:nth-child(9){
    margin-right: 0;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num > .pic > b{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    cursor: pointer;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num > .pic:hover b{
    display: block;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box .ss .pic-num > .pic > b > i{
    display: block;
    width: 16px;
    height: 16px;
    background: url('../img/png/p5/p5-1.png') center no-repeat;
    background-size: cover;
    margin: 4px;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box > label.pic-file{
    display: inline-block;
    width: 118px;
    height: 118px;
    line-height: 118px;
    border: 1px solid #DADADA;
    text-align: center;
    background: #F6F6F6;
    float: left;
    font-size: 14px;
    color: #9A9A9A;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box > label.pic-file:hover .icons{
    opacity: 1;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-center > .pic-box > label.pic-file > .icons{
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 23px;
    background: url('../img/png/p5/p5-1.png') center no-repeat;
    background-size: cover;
    opacity: 0.8;
}


.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-right{
    width: 600px;
    min-height: 120px;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-right > .explain{
    width: 500px;
    height: 120px;
    margin-left: 22px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v2 > .list-3 > .list-right > .explain > p{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #666666;
}


.popularization-12-2 .main .m2 .m-left .n2 > .v3{
    width: 100%;
    min-height: 0;
    padding: 100px 0;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v3 > .a-box{
    width: 530px;
    height: 40px;
    margin: 0 auto;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v3 > .a-box > a{
    display: block;
    width: 244px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v3 > .a-box > a.a1{
    background: #EEEEEE;
    font-size: 20px;
    color: #333333;
    float: left;
}
.popularization-12-2 .main .m2 .m-left .n2 > .v3 > .a-box > a.a2{
    background: #25BAD1;
    font-size: 20px;
    color: white;
    float: right;
}

.popularization-12-2 .main .m2 .m-left .n2 > .v3 > .a-box > input{
    width: 244px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;

    border-style: none;

    background: #25BAD1;
    font-size: 20px;
    color: white;

    float: right;
}


/*===========================================*/
/*右边*/
.popularization-12-2 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-12-2 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-12-2 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-12-2 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-12-2 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-12-2 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-12-2 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-12-2 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}

/*===========================================*/

/*第三轮投稿-3*/
/*===========================================*/
.popularization-12-3{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-12-3 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-12-3 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-12-3 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-12-3 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-12-3 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
}
.popularization-12-3 .main .m2 .m-left .n1 > .v1{
    width: 100%;
    height: 98px;
}
.popularization-12-3 .main .m2 .m-left .n1 > .v1 > a{
    display: block;
    width: 100%;
    height: 98px;
}

.popularization-12-3 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
    padding-top: 40px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 40px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li{
    width: 211.75px;
    height: 40px;
    line-height: 40px;
    /*border-radius: 2px;*/
    text-align: center;
    background: #EEEEEE;
    float: left;
    position: relative;
    border-left: 1px solid white;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li:nth-child(1){
    border-left-style: none;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li > a{
    font-size: 16px;
    color: #333333;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li.show{
    background: #25BAD1;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li.show > .s{
    width: 0;
    height: 0;
    border-top: 12px solid #25BAD1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -12px;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v1 > .li.show > a{
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v2{
    width: 100%;
    min-height: 0;
    padding-top: 50px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-1{
    width: 100%;
    height: 42px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-right{
    width: 770px;
    height: 42px;
    float: right;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-1 > .list-right > input{
    width: 748px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2{
    width: 100%;
    min-height: 42px;
    margin: 24px 0;
    overflow: hidden;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-right{
    width: 770px;
    min-height: 42px;
    float: right;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-right > textarea{
    width: 748px;
    height: 320px;
    padding: 10px;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    resize:none;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num{
    width: 770px;
    height: 34px;
    line-height: 32px;
    float: right;
    text-align: right;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num > span{
    font-size: 14px;
    color: #808080;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v2 > .list-2 > .list-num > span > b{
    font-weight: 700;
    color: #FB424A;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v3{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box{
    width: 596px;
    height: 40px;
    margin: 0 auto;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box > a{
    display: block;
    width: 180px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box > a.a1{
    background: #EEEEEE;
    font-size: 20px;
    color: #333333;
    float: left;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box > a.a2{
    background: #25BAD1;
    font-size: 20px;
    color: white;
    float: left;
    margin-left: 28px;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box > input{
    width: 178px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border-radius: 4px;

    border-style: none;

    background: #25BAD1;
    font-size: 20px;
    color: white;
    float: left;
    margin-left: 28px;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v3 > .a-box > a.a3{
    background: #EEEEEE;
    font-size: 20px;
    color: #333333;
    float: right;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v4{
    width: 100%;
    min-height: 0;
    padding-top: 50px;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4{
    width: 100%;
    min-height: 42px;
    margin: 24px 0;
    overflow: hidden;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-left{
    width: 80px;
    height: 42px;
    line-height: 42px;
    float: left;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-left > span{
    font-size: 16px;
    color: #333333;
    font-weight: 700;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right{
    width: 770px;
    min-height: 42px;
    float: right;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table{
    width: 100%;
    min-height: 0;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: none;
    border-top: none;
    font-family: "微软雅黑 Light";
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr{
    width: 100%;
    min-height: 40px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr th{
    height: 40px;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: none;
    border-bottom: none;
    background: #EEEEEE;
    font-size: 15px;
    color: #333333;
    line-height: 30px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr .th1{
    width: 100px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr .th2{

}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr .th3{
    width: 140px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr .th4{
    width: 140px;
}


.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr td{
    height: 30px;
    padding: 5px 0;
    text-align: center;
    border-left: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-right: none;
    border-bottom: none;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr td > a{
    font-size: 16px;
    color: #333333;
    margin: 0 6px;
}
.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr td > a:hover{
    color: #25BAD1;
    text-decoration: underline;
}

.popularization-12-3 .main .m2 .m-left .n2 > .v4 > .list-4 > .list-right > table tr td .title{
    width: 90%;
    height: 100%;
    padding: 0 5%;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}


/*===========================================*/
/*右边*/
.popularization-12-3 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-12-3 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-12-3 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-12-3 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-12-3 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}


.popularization-12-3 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-12-3 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-12-3 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}




/*弹窗*/
.chapters-and-sections{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 300;
}
.chapters-and-sections > .chapters{
    width: 568px;
    height: 316px;
    background: white;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -158px 0 0 -284px;
}
.chapters-and-sections > .chapters > .v1{
    width: 100%;
    height: 64px;
    padding-top: 40px;
}
.chapters-and-sections > .chapters > .v1 > .pic{
    width: 64px;
    height: 64px;
    background: url('../img/png/p12/p12-2.png') center no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.chapters-and-sections > .chapters > .v2{
    width: 100%;
    min-height: 44px;
    line-height: 44px;
    padding-top: 10px;
    text-align: center;
}
.chapters-and-sections > .chapters > .v2 > p{
    font-size: 24px;
    color: #333333;
}
.chapters-and-sections > .chapters > .v3{
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding-top: 70px;
    text-align: center;
}
.chapters-and-sections > .chapters > .v3 > .a-box{
    width: 352px;
    height: 38px;
    margin: 0 auto;
}
.chapters-and-sections > .chapters > .v3 > .a-box > a{
    display: block;
    width: 152px;
    height: 36px;
    border-radius: 19px;
    line-height: 36px;
    text-align: center;
}
.chapters-and-sections > .chapters > .v3 > .a-box > a.a1{
    border: 1px solid #E5E5E5;
    background: #EEEEEE;
    font-size: 16px;
    color: #333333;
    float: left;
}

.chapters-and-sections > .chapters > .v3 > .a-box > a.a2{
    border: 1px solid #25BAD1;
    background: #25BAD1;
    font-size: 16px;
    color: white;
    float: right;
}


/*===========================================*/

/*第三轮投稿-1*/
/*===========================================*/
.popularization-12-4{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-12-4 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-12-4 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-12-4 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-12-4 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-12-4 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
}
.popularization-12-4 .main .m2 .m-left .n1 > .v1{
    width: 100%;
    height: 98px;
}
.popularization-12-4 .main .m2 .m-left .n1 > .v1 > a{
    display: block;
    width: 100%;
    height: 98px;
}

.popularization-12-4 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 0;
    padding-top: 40px;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v1{
    width: 100%;
    height: 40px;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li{
    width: 211.75px;
    height: 40px;
    line-height: 40px;
    /*border-radius: 2px;*/
    text-align: center;
    background: #EEEEEE;
    float: left;
    position: relative;
    border-left: 1px solid white;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li:nth-child(1){
    border-left-style: none;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li > a{
    font-size: 16px;
    color: #333333;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li.show{
    background: #25BAD1;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li.show > .s{
    width: 0;
    height: 0;
    border-top: 12px solid #25BAD1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 38px;
    left: 50%;
    margin-left: -12px;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v1 > .li.show > a{
    font-size: 16px;
    font-weight: 700;
    color: white;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v2{
    width: 100%;
    min-height: 0;
    padding: 110px 0;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1{
    width: 598px;
    height: 312px;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c1{
    width: 100%;
    height: 60px;
    margin-top: 88px;
    text-align: center;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c1 > p{
    font-size: 24px;
    color: #333333;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c2{
    width: 100%;
    height: 38px;
    margin-top: 44px;
    text-align: center;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c2 > .a-box{
    width: 376px;
    height: 38px;
    margin: 0 auto;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c2 > .a-box > a{
    display: block;
    width: 152px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    border-radius: 19px;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c2 > .a-box > a.a1{
    border: 1px solid #E5E5E5;
    background: #EEEEEE;
    font-size: 16px;
    color: #333333;
    float: left;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b1 > .c2 > .a-box > a.a2{
    border: 1px solid #25BAD1;
    background: #25BAD1;
    font-size: 16px;
    color: white;
    float: right;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v2{
    width: 100%;
    min-height: 0;
    padding: 110px 0;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b2{
    width: 598px;
    height: 312px;
    border: 1px solid #CCCCCC;
    margin: 0 auto;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b2 > .c1{
    width: 100%;
    height: 60px;
    margin-top: 88px;
    text-align: center;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b2 > .c1 > p{
    font-size: 24px;
    color: #333333;
}

.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b2 > .c2{
    width: 100%;
    height: 38px;
    margin-top: 44px;
    text-align: center;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v2 > .b2 > .c2 > a{
    display: block;
    width: 152px;
    height: 38px;
    border-radius: 19px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #25BAD1;
    font-size: 16px;
    color: #25BAD1;
    margin: 0 auto;
}


.popularization-12-4 .main .m2 .m-left .n2 > .v3{
    width: 100%;
    min-height: 0;
    padding: 0 0;
}
.popularization-12-4 .main .m2 .m-left .n2 > .v3 > p{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
}



/*===========================================*/
/*右边*/
.popularization-12-4 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-12-4 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-12-4 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-12-4 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-12-4 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-12-4 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-12-4 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-12-4 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}



/*===========================================*/
/*入围页-400*/
/*===========================================*/
.popularization-13-1{
    max-width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}

.popularization-13-1 > .background{
    width: 100%;
    max-width: 1920px;
    min-width: 1200px;
    min-height: 1080px;

    position: fixed;
    top: 60px;
    z-index: -100;
}
.s-400 > .background > .pic{
     width: 1920px;
     min-height: 1080px;
     background: url('../img/jpg/p13/p13-1.jpg') center top no-repeat;
     background-size: cover;
     position: absolute;
     top: 0;
     left: 50%;
     margin-left: -960px;
}

.s-100 > .background > .pic{
    width: 1920px;
    min-height: 1080px;
    background: url('../img/jpg/p13/p13-2.jpg') center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.s-50 > .background > .pic{
    width: 1920px;
    min-height: 1080px;
    background: url('../img/jpg/p13/p13-3.jpg') center top no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}


/*主体*/
.popularization-13-1 .main{
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}
.popularization-13-1 .main .m1{
    width: 1200px;
    min-height: 0;
    background: #EEEEEE;
    margin: 416px auto 66px;
    padding-bottom: 60px;
}

.s-50 .main .m1{
    background: transparent;
}

.popularization-13-1 .main .m1 > .n1{
    width: 1080px;
    height: 60px;
    line-height: 60px;
    padding: 30px 60px 0;
}
.popularization-13-1 .main .m1 > .n1 > span{
    font-size: 18px;
    color: #333333;
}
.popularization-13-1 .main .m1 > .n1 > a{
    font-size: 16px;
    color: #333333;
    float: right;
    line-height: 60px;
}

.popularization-13-1 .main .m1 > .n2{
    width: 1080px;
    min-height: 0;
    margin: 0 auto;
}
.popularization-13-1 .main .m1 > .n2 > .list-box{
    width: 100%;
    min-height: 0;
    overflow: hidden;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list{
    width: 200px;
    height: 330px;
    margin: 0 0 40px 20px;
    float: left;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list:nth-child(5n+1){
    margin-left: 0;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top{
    width: 100%;
    height: 284px;
    position: relative;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic{
    width: 100%;
    height: 284px;
    position: relative;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .number{
    width: 44px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 10px;
    right: 0;
    text-align: center;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .number > span{
    display: inline-block;
    height: 36px;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .number > span.sp1{
    font-style: italic;
    font-size: 28px;
    line-height: 36px;
    color: white;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .number > span.sp2{
    font-style: italic;
    font-size: 18px;
    line-height: 36px;
    color: white;
}

.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .title{
    width: 170px;
    height: 40px;
    background: rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: white;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .pic > .title > span{
    font-size: 18px;
    color: white;
    line-height: 40px;
}

.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text{
    width: 100%;
    height: 284px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    display: none;
}

.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v1{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 52px;
    text-align: center;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v1 span{
    font-size: 18px;
    color: #939494;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v2 span{
    font-size: 32px;
    color: #25BAD1;
}


.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v3{
    width: 100%;
    height: 28px;
    line-height: 28px;
    padding-top: 28px;
    text-align: center;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v3 span{
    font-size: 18px;
    color: #939494;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v4{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-top > .text .v4 span{
    font-size: 32px;
    color: #25BAD1;
}



.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-bottom{
    width: 100%;
    height: 46px;
}
.s-400 .main .m1 > .n2 > .list-box > .list > .list-bottom > .name{
    width: 170px;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    background: #2B339B;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: white;
}

.s-100 .main .m1 > .n2 > .list-box > .list > .list-bottom > .name{
    width: 170px;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    background: #83D2DE;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: white;
}

.s-50 .main .m1 > .n2 > .list-box > .list > .list-bottom > .name{
    width: 170px;
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    background: #EA3F19;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: white;
}



.popularization-13-1 .main .m1 > .n2 > .list-box > .list > .list-bottom > .name > a{
    line-height: 46px;
    font-size: 16px;
    color: white;
}
.popularization-13-1 .main .m1 > .n2 > .list-num{
    width: 100%;
    height: 38px;
    padding-bottom: 10px;
}
.popularization-13-1 .main .m1 > .n2 > .list-num > a{
    display: block;
    width: 178px;
    height: 36px;
    border: 1px solid #CCCCCC;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    color: #333333;
}
.popularization-13-1 .main .m1 > .n2 > .list-num > a:hover{
    background: #E8E8E8;
}


/*===========================================*/
/*Ŀ¼ҳ*/
/*===========================================*/
.popularization-15{
    max-width: 100%;
    min-width: 1200px;
    background: #F7F7F7;
    margin: 0 auto;
}
.popularization-15 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-15 .main .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
}


.popularization-15 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 0 auto 60px;
    overflow: hidden;
}

/*×ó±ß*/
/*===========================================*/
.popularization-15 .main .m2 .m-left{
    width: 330px;
    min-height: 0;
    float: left;
}
/*ͼƬ*/
.popularization-15 .main .m2 .m-left > .n0{
    width: 288px;
    min-height: 120px;
    padding: 30px 20px;
    background: white;
    /*box-shadow: 0 0 8px #E7E7E7;*/
    border: 1px solid #E5E5E5;
    margin-bottom: 20px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v1{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.popularization-15 .main .m2 .m-left > .n0 > .v1 > span{
    font-size: 18px;
    color: #333333;
}
.popularization-15 .main .m2 .m-left > .n0 > .v2{
    width: 100%;
    height: 1px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v2 .cover{
    width: 80%;
    height: 1px;
    margin: 0 auto;
    background: -webkit-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
    background: -moz-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
    background: -o-linear-gradient(0deg,transparent,rgba(70,70,70,0.8),transparent);
}

.popularization-15 .main .m2 .m-left > .n0 > .v3{
    width: 100%;
    height: 28px;
    padding-bottom: 20px;
    line-height: 28px;
    background: url('../img/png/p8/p8-4.png') center top no-repeat;
}

.popularization-15 .main .m2 .m-left > .n0 > .v4{
    width: 100%;
    height: 244px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v4 > .pic{
    width: 174px;
    height: 244px;
    margin: 0 auto;
}

.popularization-15 .main .m2 .m-left > .n0 > .v5{
    width: 210px;
    min-height: 28px;
    line-height: 28px;
    padding: 22px 0 8px;
    text-align: center;
    margin: 0 auto;
}
.popularization-15 .main .m2 .m-left > .n0 > .v5 > span{
    font-size: 16px;
    color: #333333;
}

.popularization-15 .main .m2 .m-left > .n0 > .v6{
    width: 210px;
    height: 34px;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
}
.popularization-15 .main .m2 .m-left > .n0 > .v6 > .a-box{
    display: inline-block;
    min-width: 0;
    height: 34px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v6 > .a-box > a{
    display: inline-block;
    height: 34px;
    float: left;
}
.popularization-15 .main .m2 .m-left > .n0 > .v6 > .a-box > a.pic{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v6 > .a-box > a.name{
    max-width: 120px;
    height: 34px;
    line-height: 34px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    font-size: 16px;
    color: #999999;
}

.popularization-15 .main .m2 .m-left > .n0 > .v7{
    width: 100%;
    height: 30px;
    text-align: center;
    padding-top: 20px;
}
.popularization-15 .main .m2 .m-left > .n0 > .v7 > .span-box{
    display: inline-block;
    min-width: 120px;
    height: 30px;
    margin: 0 auto;
}
.popularization-15 .main .m2 .m-left > .n0 > .v7 > .span-box > span{
    display: inline-block;
    height: 30px;
    float: left;
    margin-right: 16px;
    font-size: 14px;
    color: #999999;
}


/*×÷Õßר·Ã*/
.popularization-15 .main .m2 .m-left > .n0-1{
    width: 288px;
    min-height: 120px;
    padding: 30px 20px;
    background: white;
    border: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 20px;
}

.popularization-15 .main .m2 .m-left > .n0-1 .item_top{
    width: 100%;
    background: white;
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .title{
    width: 280px;
    height: 40px;
    line-height: 40px;
    font-family: "微软雅黑";
    font-size: 18px;
    color: black;
    text-align: center;
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .cover{
    width: 280px;
    height: 1px;
    background:-webkit-linear-gradient(0deg,transparent,rgba(0,0,0,0.8),transparent);
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .pic{
    width: 280px;
    height: 150px;
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .pic img{
    display: block;
    width: 138px;
    height: 95px;
    margin: 0 auto;
    padding-top: 34px;
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .cot{
    width: 188px;
    margin: 0 auto;
    font-family: "微软雅黑";
    font-size: 14px;
    color: black;
    text-align: center;
    padding-bottom: 10px;
}
.popularization-15 .main .m2 .m-left > .n0-1 .item_top .cot p{
    font-size: 16px;
    color: #333333;
}

/*=========================*/


/*ÓÒ±ß*/
/*===========================================*/
.popularization-15 .main .m2 .m-right{
    width: 920px;
    min-height: 0;
    float: right;
}

.popularization-15 .main .m2 .m-right > .n1{
    width: 848px;
    min-height: 200px;
    background: white;
    border: 1px solid #E5E5E5;
    margin-bottom: 22px;
}
.popularization-15 .main .m2 .m-right > .n1 > .v1{
    width: 788px;
    height: 38px;
    padding: 36px 30px 33px;
    border-bottom: 1px solid #E5E5E5;
}
.popularization-15 .main .m2 .m-right > .n1 > .v1 > .v-l{
    width: 20%;
    height: 38px;
    line-height: 38px;
    float: left;
}
.popularization-15 .main .m2 .m-right > .n1 > .v1 > .v-l > span{
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}

.popularization-15 .main .m2 .m-right > .n1 > .v1 > .v-r{
    width: 80%;
    height: 38px;
    line-height: 38px;
    float: right;
}
.popularization-15 .main .m2 .m-right > .n1 > .v1 > .v-r > a{
    display: block;
    width: 190px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #D45C1D;
    border-radius: 6px;
    float: right;
    margin-right: 40px;
    font-size: 16px;
    color: white;
}
.popularization-15 .main .m2 .m-right > .n1 > .v1 > .v-r > a:hover{
    background: #CA5A20;
}

.popularization-15 .main .m2 .m-right > .n1 > .v2{
    width: 690px;
    min-height: 0;
    margin: 0 auto;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list{
    width: 100%;
    min-height: 0;
    padding: 30px 0;
    border-top: 1px solid #ececec;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list:nth-child(1){
    border-top: none;
}

.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-top{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-top > a{
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom{
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li{
    width: 100%;
    min-height: 40px;
    line-height: 40px;
}

.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li > a{
    font-size: 16px;
    color: #333333;
}

.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li > .li-t{
    width: 100%;
    min-height: 40px;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li > .li-t > a{
    font-size: 18px;
    color: black;
    font-weight: 700;
}


.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li > .li-b{
    width: 100%;
    min-height: 0;
}
.popularization-15 .main .m2 .m-right > .n1 > .v2 > .list > .list-bottom > .li > .li-b > p{
    font-size: 16px;
    color: #999999;
    line-height: 32px;
    text-indent: 2em;
}



.popularization-15 .main .m2 .m-right > .n2{
    width: 848px;
    min-height: 200px;
    background: white;
    border: 1px solid #E5E5E5;
    margin-bottom: 22px;
}
.popularization-15 .main .m2 .m-right > .n2 > .v1{
    width: 788px;
    height: 30px;
    line-height: 30px;
    padding: 20px 30px;
    border-bottom: 1px solid #E5E5E5;
}
.popularization-15 .main .m2 .m-right > .n2 > .v1 > span{
    font-size: 20px;
    color: #333333;
    font-weight: 700;
}

.popularization-15 .main .m2 .m-right > .n2 > .v2{
    width: 788px;
    min-height: 0;
    margin: 0 auto;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
    border-top: 1px solid #E5E5E5;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list:nth-child(1){
    border-style: none;
}

.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-top{
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-top > p{
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
}

.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom{
    width: 100%;
    min-height: 34px;
    line-height: 34px;
    margin-top: 20px;
    text-align: right;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p{
    font-size: 14px;
    color: #999999;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span{
    display: inline-block;
    height: 34px;
    float: right;
    font-size: 14px;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span.sp1{
    color: #999999;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span.sp2{
    color: #25BAD1;
    margin-right: 20px;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span.sp3{
    width: 34px;
    margin-right: 10px;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span.sp3 > i{
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
.popularization-15 .main .m2 .m-right > .n2 > .v2 > .list > .list-bottom > p > span.sp4{
    color: #999999;
    margin-right: 5px;
    border-bottom: 3px solid transparent;
}


/*第二轮*/
.popularization-15 .main .m2 .m-right > .n3{
    width: 848px;
    min-height: 200px;
    background: white;
    border: 1px solid #E5E5E5;
    margin-bottom: 22px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1{
    width: 788px;
    height: 38px;
    padding: 36px 30px 33px;
    border-bottom: 1px solid #E5E5E5;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-l{
    width: 70%;
    height: 38px;
    line-height: 38px;
    float: left;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-l > span{
    font-size: 20px;
    font-weight: 700;
    color: #333333;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-l > a{
    display: inline-block;
    height: 38px;
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    position: relative;
    margin-right: 54px;
}

.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-l > a.show > .s{
    width: 80px;
    height: 4px;
    position: absolute;
    background: #25BAD1;
    top: 68px;
    left: 0;
}


.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-r{
    width: 230px;
    height: 38px;
    line-height: 38px;
    float: right;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-r > a{
    display: block;
    width: 190px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #D45C1D;
    border-radius: 6px;
    float: right;
    margin-right: 40px;
    font-size: 16px;
    color: white;
}
.popularization-15 .main .m2 .m-right > .n3 > .v1 > .v-r > a:hover{
    background: #CA5A20;
}


.popularization-15 .main .m2 .m-right > .n3 > .v2{
    width: 788px;
    min-height: 0;
    margin: 0 auto;
    padding: 40px 0;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1{
    width: 100%;
    min-height: 120px;
    display: none;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b{
    width: 100%;
    min-height: 0;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-top{
    width: 100%;
    min-height: 46px;
    background: #F5F5F5;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-top > span{
    display: inline-block;
    height: 46px;
    float: left;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-top > span.sp1{
    width: 4px;
    margin: 0 16px 0 28px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-top > span.sp1 > i{
    display: block;
    width: 4px;
    height: 18px;
    background: #25BAD1;
    margin: 14px 0;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-top > span.sp2{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 46px;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-bottom{
    width: 690px;
    min-height: 0;
    padding: 30px 49px;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-indent: 2em;
    text-align: justify;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son1 > .b > .b-bottom > p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 26px;
    text-indent: 2em;
    text-align: justify;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2{
    width: 100%;
    min-height: 120px;
    display: none;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b{
    width: 100%;
    min-height: 0;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top{
    width: 100%;
    min-height: 46px;
    background: #F5F5F5;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top > span{
    display: inline-block;
    height: 46px;
    float: left;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top > span.sp1{
    width: 4px;
    margin: 0 16px 0 28px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top > span.sp1 > i{
    display: block;
    width: 4px;
    height: 18px;
    background: #25BAD1;
    margin: 14px 0;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top > span.sp2{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 46px;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-top > span.sp2 > a{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 46px;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-bottom{
    width: 690px;
    min-height: 0;
    padding: 30px 49px;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-indent: 2em;
    text-align: justify;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son2 > .b > .b-bottom > p{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-bottom: 26px;
    text-indent: 2em;
    text-align: justify;
}


.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3{
    width: 100%;
    min-height: 120px;
    display: none;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
    border-top: 1px solid #E5E5E5;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list:nth-child(1){
    border-style: none;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-top{
    width: 100%;
    min-height: 30px;
    line-height: 30px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-top > p{
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
}

.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom{
    width: 100%;
    min-height: 34px;
    line-height: 34px;
    margin-top: 20px;
    text-align: right;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p{
    font-size: 14px;
    color: #999999;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span{
    display: inline-block;
    height: 34px;
    float: right;
    font-size: 14px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span.sp1{
    color: #999999;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span.sp2{
    color: #25BAD1;
    margin-right: 20px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span.sp3{
    width: 34px;
    margin-right: 10px;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span.sp3 > i{
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
.popularization-15 .main .m2 .m-right > .n3 > .v2 .son3 > .list > .list-bottom > p > span.sp4{
    color: #999999;
    margin-right: 5px;
}




/*===========================================*/
/*培训计划*/
.popularization-16{
    max-width: 100%;
    min-width: 1200px;
    background: white;
    margin: 0 auto;
}

/*主体*/
.popularization-16 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-16 .main .m1{
    width: 1200px;
    height: 0;
    padding: 60px 0 0;
    position: relative;
}

.popularization-16 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 20px auto 60px;

    overflow: hidden;
}

/*左边*/
.popularization-16 .main .m2 .m-left{
    width: 920px;
    min-height: 2000px;
    float: left;
}
.popularization-16 .main .m2 .m-left .n1{
    width: 100%;
    min-height: 0;
    border-bottom: 1px dashed #D8D8D8;
}
.popularization-16 .main .m2 .m-left .n1 .v1{
    width: 100%;
    height: 94px;
    padding: 0 0 20px;
}
.popularization-16 .main .m2 .m-left .n1 .v1 .v-l{
    width: 334px;
    height: 94px;
    float: left;
}

.popularization-16 .main .m2 .m-left .n1 .v1 .v-l .v-logo{
    width: 334px;
    height: 94px;
    background: url('../img/png/p2/p2-1.png') center no-repeat;
    background-size: cover;
    float: left;
}

.popularization-16 .main .m2 .m-left .n1 .v2{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.popularization-16 .main .m2 .m-left .n1 .v2 > a{
    font-size: 14px;
    color: #999999;
}

.popularization-16 .main .m2 .m-left .n2{
    width: 100%;
    min-height: 40px;
    line-height: 40px;
}
.popularization-16 .main .m2 .m-left .n2 .list-box{
    width: 100%;
    min-height: 0;
    margin: 46px 0;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list{
    width: 758px;
    height: 140px;
    padding: 29px 40px 29px 50px;
    border: 1px solid #E5E5E5;
    margin-bottom: 26px;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-left{
    width: 140px;
    height: 140px;
    float: left;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-left a.pic{
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right{
    width: 576px;
    height: 140px;
    float: right;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1{
    width: 100%;
    height: 40px;
    font-size: 20px;
    color: #333333;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-l{
    width: 400px;
    height: 40px;
    line-height: 38px;
    float: left;
    font-size: 20px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-l > a{
    font-size: 20px;
    color: #333333;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-l > a:hover{
    color: #25BAD1;
}

.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-r{
    width: 138px;
    height: 40px;
    float: right;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-r > a{
    display: block;
    width: 136px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 3px 0;
    border: 1px solid #25BAD1;
    border-radius: 17px;
    font-size: 16px;
    color: #25BAD1;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v1 > .v1-r > a:hover{
    background: #25BAD1;
    color: white;
}


.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v2{
    width: 100%;
    height: 20px;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v2 > a{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    float: left;
    padding: 0 10px;
    margin-right: 12px;
    font-size: 12.78px;
    color: white;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v2 > a.a1{
    background: #287AB7;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v2 > a.a2{
    background: #D15E3C;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v2 > a.a3{
    background: #25BAD1;
}

.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v3{
    width: 100%;
    min-height: 24px;
    max-height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 24px;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v3 > a{
    font-size: 16px;
    color: #333333;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-16 .main .m2 .m-left .n2 .list-box > .list .list-right > .v3 > a:hover{
    color: #25BAD1;
}

.popularization-16 .main .m2 .m-left .n2 .list-page{
    width: 100%;
    min-height: 40px;
}


/*===========================================*/
/*右边*/
.popularization-16 .main .m2 .m-right{
    width: 238px;
    min-height: 0;
    float: right;
}
.popularization-16 .main .m2 .m-right .n1{
    width: 100%;
    height: 110px;
    padding-top: 46px;
}
.popularization-16 .main .m2 .m-right .n1 > a{
    display: block;
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    border-radius: 8px;
    font-size: 24px;
    font-weight: 700;
    color: white;
}
.popularization-16 .main .m2 .m-right .n1 > a.a1{
    background: #25BAD1;
}
.popularization-16 .main .m2 .m-right .n1 > a.a2{
    background: #D36036;
}

.popularization-16 .main .m2 .m-right .n2{
    width: 100%;
    height: 173px;
}
.popularization-16 .main .m2 .m-right .n2 .b1{
    width: 100%;
    height: 40px;
    padding-top: 16px;
    line-height: 40px;
    text-align: center;
}
.popularization-16 .main .m2 .m-right .n2 .b1 span{
    font-size: 24px;
    color: #25BAD1;
}


/*===========================================*/
/* 评委点评*/

.popularization-17{
    max-width: 100%;
    min-width: 1200px;
    background: #F7F7F7;
    margin: 0 auto;
}

/*主体*/
.popularization-17 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-17 .main .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}
.popularization-17 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
}
.popularization-17 .main .m1 .n1 .v-box{
    width: 50px;
    height: 260px;
    position: fixed;
}
.popularization-17 .main .m1 .n1 .v-box .li{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2px;
    background: #F2F2F2;
}
.popularization-17 .main .m1 .n1 .v-box .li > span{
    font-size: 16px;
    color: #A0A0A0;
}

.popularization-17 .main .m1 .n1 .v-box .li > a{
    display: block;
    width: 50px;
    height: 50px;
}
.popularization-17 .main .m1 .n1 .v-box .li > a.a1{
    background: url('../img/png/p1/p1-11.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li > a.a2{
    background: url('../img/png/p1/p1-12.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li > a.a3{
    background: url('../img/png/p1/p1-13.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li > a.a4{
    background: url('../img/png/p1/p1-14.png') center no-repeat;
    background-size: cover;
}

.popularization-17 .main .m1 .n1 .v-box .li.h{
    cursor: pointer;
}
.popularization-17 .main .m1 .n1 .v-box .li.h:hover{
    background: #25BAD1;
}
.popularization-17 .main .m1 .n1 .v-box .li.h:hover > .a1{
    background: url('../img/png/p1/p1-11s.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li.h:hover > .a2{
    background: url('../img/png/p1/p1-12s.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li.h:hover > .a3{
    background: url('../img/png/p1/p1-13s.png') center no-repeat;
    background-size: cover;
}
.popularization-17 .main .m1 .n1 .v-box .li.h:hover > .a4{
    background: url('../img/png/p1/p1-14s.png') center no-repeat;
    background-size: cover;
}


.popularization-17 .main .m2{
    width: 1200px;
    padding: 8px;
    min-height: 0;
    margin: 0 auto 60px;
    overflow: hidden;
}
.popularization-17 .main .m2 .m-left{
    width: 300px;
    float: left;
}

.popularization-17 .main .m2 .m-left .n-box{
    width: 230px;
    min-height: 136px;
    background: white;
    padding: 40px 35px;
    box-shadow: 0 0 8px #E7E7E7;
    margin-bottom: 30px;
}

.popularization-17 .main .m2 .m-left .n-box .n1{
    width: 136px;
    height: 136px;
    padding-top: 15px;
    padding-bottom: 24px;
    margin: 0 auto;
}
.popularization-17 .main .m2 .m-left .n-box .n1 .pic{
    display: block;
    width: 136px;
    height: 136px;
    border-radius: 50%;
}

.popularization-17 .main .m2 .m-left .n-box .n2{
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-align: center;
}
.popularization-17 .main .m2 .m-left .n-box .n2 a{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}

.popularization-17 .main .m2 .m-left .n-box .n3{
    width: 230px;
    min-height: 0;
    line-height: 26px;
    text-align: left;
    padding-top: 30px;
}
.popularization-17 .main .m2 .m-left .n-box .n3 > p{
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    text-align: center;
}

.popularization-17 .main .m2 .m-left .n-box-2{
    width: 260px;
    min-height: 0;
    padding: 20px;
    background: white;
}
.popularization-17 .main .m2 .m-left .n-box-2 > .n1{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-17 .main .m2 .m-left .n-box-2 > .n1 > span{
    font-size: 18px;
    color: #333333;
    font-weight: 700;
}

.popularization-17 .main .m2 .m-left .n-box-2 > .n2{
    width: 234px;
    height: 386px;
    padding: 20px 13px;
}
.popularization-17 .main .m2 .m-left .n-box-2 > .n2 > a{
    display: block;
    width: 100%;
    height: 386px;
    overflow: hidden;
}


.popularization-17 .main .m2 .m-right{
    width: 870px;
    min-height: 0;
    float: right;
}

.popularization-17 .main .m2 .m-right .n-box{
    width: 770px;
    min-height: 0;
    background: white;
    padding: 20px 50px;
    box-shadow: 0 0 8px #E7E7E7;
    margin-bottom: 30px;
}

.popularization-17 .main .m2 .m-right .n-box .n1{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-17 .main .m2 .m-right .n-box .n1 span{
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.popularization-17 .main .m2 .m-right .n-box .n2{
    width: 100%;
    min-height: 0;
    padding: 20px 0;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list{
    width: 100%;
    min-height: 0;
    margin-bottom: 36px;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v1{
    width: 100%;
    height: 36px;
    background: #EEEEEE;
    border-radius: 4px;
    position: relative;
    font-size: 16px;
    color: #333333;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v1 > span{
    display: inline-block;
    height: 36px;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v1 > span.sp1{
    width: 97px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/png/p17/p17-1.png') center no-repeat;
    background-size: cover;
 /*   background: -webkit-linear-gradient(left, #D06623 , #DB2A44); !* Safari 5.1 - 6.0 *!
    background: -o-linear-gradient(right, #D06623, #DB2A44); !* Opera 11.1 - 12.0 *!
    background: -moz-linear-gradient(right, #D06623, #DB2A44); !* Firefox 3.6 - 15 *!
    background: linear-gradient(to right, #D06623 , #DB2A44); !* 标准的语法 *!*/
    z-index: 1;
    font-size: 16px;
    color: #F7A893;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v1 > span.sp2{
    width: 640px;
    height: 36px;
    line-height: 36px;
    padding: 0 20px 0 110px;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v2{
    width: 100%;
    min-height: 0;
    padding: 20px 0 10px;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v2 > p{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}

.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v3{
    width: 100%;
    height: 28px;
    position: relative;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v3 > span{
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    color: #999999;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v3 > span.sp1{
    max-width: 400px;
    position: absolute;
    top: 0;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.popularization-17 .main .m2 .m-right .n-box .n2 > .list-box > .list > .v3 > span.sp2{
    position: absolute;
    top: 0;
    right: 0;
}


.popularization-17 .main .m2 .m-right .n-box .n2 > .list-more{
    width: 100%;
    height: 38px;
    padding: 48px 0;
    border-top: 1px solid #EEEEEE;
    background: white;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-more > a{
    display: block;
    width: 178px;
    height: 36px;
    border: 1px solid #CCCCCC;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
}
.popularization-17 .main .m2 .m-right .n-box .n2 > .list-more > a:hover{
    background: #EEEEEE;
}


.popularization-17 .main .m2 .m-right .n-box-2{
    width: 770px;
    min-height: 0;
    background: white;
    padding: 20px 50px;
    box-shadow: 0 0 8px #E7E7E7;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n1{
    width: 100%;
    height: 36px;
    line-height: 36px;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n1 span{
    display: inline-block;
    height: 36px;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n1 span.sp1{
    line-height: 36px;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n1 span.sp2{
    line-height: 40px;
    font-size: 14px;
    color: #333333;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n2{
    width: 100%;
    min-height: 0;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
    overflow: hidden;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list{
    width: 130px;
    height: 254px;
    float: left;
    margin-left: 83.25px;
    margin-bottom: 20px;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list:nth-child(4n+1){
    margin-left: 0;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-top{
    width: 100%;
    height: 182px;
    overflow: hidden;
    position: relative;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-top > a{
    display: block;
    width: 100%;
    height: 182px;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-top > .state{
    width: 50px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: white;
    position: absolute;
    top: 8px;
    left: 0;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-top > .state > span{
    font-size: 14px;
    color: #4CC8DD;
}


.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-bottom{
    width: 100%;
    min-height: 0;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-bottom > .v1{
    width: 100%;
    height: 30px;
    padding-top: 8px;
    line-height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-bottom > .v1 > a{
    font-size: 16px;
    color: #333333;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-bottom > .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
}

.popularization-17 .main .m2 .m-right .n-box-2 .n2 > .list-box > .list > .list-bottom > .v2 > a{
    font-size: 14px;
    color: #999999;
}


/*没有数据的情况下*/
.popularization-17 .main .m2 .m-right .list-num{
    width: 100%;
    height: 500px;
}
.popularization-17 .main .m2 .m-right .list-num > .v1{
    width: 100%;
    height: 164px;
    padding: 116px 0 30px;
}
.popularization-17 .main .m2 .m-right .list-num > .v1 > .pic{
    width: 360px;
    height: 164px;
    margin: 0 auto;
    background: url('../img/png/p3/p3-1.png') center no-repeat;
    background-size: cover;
}

.popularization-17 .main .m2 .m-right .list-num > .v2{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.popularization-17 .main .m2 .m-right .list-num > .v2 > span{
    font-size: 16px;
    color: #999999;
}

.popularization-17 .main .m2 .m-right .list-num > .v3{
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding-top: 10px;
}
.popularization-17 .main .m2 .m-right .list-num > .v3 > a{
    font-size: 18px;
    color: #34B8F2;
    text-decoration: underline;
}


/*===========================================*/
/* 评委点评列表*/
/*===========================================*/
.popularization-18{
    max-width: 100%;
    min-width: 1200px;
    /*background: #F7F7F7;*/
    margin: 0 auto;
}

/*主体*/
.popularization-18 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-18 .main .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 60px 0 0;
    position: relative;
}
.popularization-18 .main .m1 .n1{
    width: 50px;
    height: 0;
    position: absolute;
    top: 126px;
    right: -68px;
}
.popularization-18 .main .m1 .n1 .v-box{
    width: 50px;
    height: 260px;
    position: fixed;
}
.popularization-18 .main .m1 .n1 .v-box .li{
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 2px;
    background: #F2F2F2;
}
.popularization-18 .main .m1 .n1 .v-box .li > span{
    font-size: 16px;
    color: #A0A0A0;
}

.popularization-18 .main .m1 .n1 .v-box .li > a{
    display: block;
    width: 50px;
    height: 50px;
}
.popularization-18 .main .m1 .n1 .v-box .li > a.a1{
    background: url('../img/png/p1/p1-11.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li > a.a2{
    background: url('../img/png/p1/p1-12.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li > a.a3{
    background: url('../img/png/p1/p1-13.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li > a.a4{
    background: url('../img/png/p1/p1-14.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m1 .n1 .v-box .li.h{
    cursor: pointer;
}
.popularization-18 .main .m1 .n1 .v-box .li.h:hover{
    background: #25BAD1;
}
.popularization-18 .main .m1 .n1 .v-box .li.h:hover > .a1{
    background: url('../img/png/p1/p1-11s.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li.h:hover > .a2{
    background: url('../img/png/p1/p1-12s.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li.h:hover > .a3{
    background: url('../img/png/p1/p1-13s.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m1 .n1 .v-box .li.h:hover > .a4{
    background: url('../img/png/p1/p1-14s.png') center no-repeat;
    background-size: cover;
}


.popularization-18 .main .m2{
    width: 1200px;
    min-height: 2000px;
    background: #191919;
    margin: 0 auto 60px;
    overflow: hidden;
}

.popularization-18 .main .m2 > .n1{
    width: 100%;
    min-height: 160px;
}
.popularization-18 .main .m2 > .n1 > .v1{
    width: 1200px;
    height: 100px;
    /*background: url('../img/png/p18/p18-1.png') center no-repeat;*/
}
.popularization-18 .main .m2 > .n1 > .v1 > .text{
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    margin-top: 22px;
    float: left;
}
.popularization-18 .main .m2 > .n1 > .v1 > .text > span{
    font-size: 30px;
    color: white;
}

.popularization-18 .main .m2 > .n1 > .v2{
    width: 100%;
    height: 50px;
    /*background: #714121;*/
    text-align: center;
}

.popularization-18 .main .m2 > .n1 > .v2 > .text-number{
    display: inline-block;
    height: 50px;
}
.popularization-18 .main .m2 > .n1 > .v2 > .text-number > span{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    float: left;
}
.popularization-18 .main .m2 > .n1 > .v2 > .text-number > span.sp1{
    line-height: 50px;
    color: #6B6B6B;
    float: left;
}
.popularization-18 .main .m2 > .n1 > .v2 > .text-number > span.sp2{
    line-height: 50px;
    font-size: 22px;
    color: #D06424;
    font-weight: 700;
    margin: 0 6px;
}


/*搜索*/
.popularization-18 .main .m2 > .n1 > .v3{
    width: 760px;
    height: 49px;
    margin: 40px auto 10px;
}
.popularization-18 .main .m2 > .n1 > .v3 .search{
    width: 758px;
    height: 47px;
    border: 1px solid #303134;
    border-radius: 23px;
    background: #232427;
    transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    position: relative;
}
.popularization-18 .main .m2 > .n1 > .v3 .search:hover {
    border: 1px solid #72747b;
}
.popularization-18 .main .m2 > .n1 > .v3 .search > .input{
    width: 758px;
    height: 47px;
    border-style: none;
    text-align: center;
    font-size: 16px;
    background: transparent;
    color: #6B6B6B;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-18 .main .m2 > .n1 > .v3 .search > .submit{
    width: 68px;
    height: 47px;
    border-style: none;
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.popularization-18 .main .m2 > .n1 > .v3 .search > .label{
    width: 22px;
    height: 22px;
    background: url('../img/png/p18/p18-7.png') center no-repeat;
    background-size: cover;
    position: absolute;
    top: 12px;
    right: 23px;
}

.popularization-18 .main .m2 > .n2{
    width: 100%;
    min-height: 210px;
    /*background: rgba(255,255,255,0.2);*/
}
.popularization-18 .main .m2 > .n2 > .item-box{
    width: 910px;
    min-height: 0;
    padding: 58px 0;
    margin: 0 auto;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item{
    width: 910px;
    min-height: 0;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1{
    width: 910px;
    height: 278px;
    background: url('../img/png/p18/p18-2.png') center no-repeat;
    background-size: cover;
    position: relative;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-left{
    width: 200px;
    height: 278px;
    position: absolute;
    top: 0;
    left: 30px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-left > .c1{
    width: 112px;
    height: 112px;
    border-radius: 50%;
    position: absolute;
    top: 54px;
    left: 45px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-left > .c1 > a{
    display: block;
    width: 112px;
    height: 112px;
    border-radius: 50%;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-left > .c2{
    width: 200px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 198px;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-left > .c2 > a{
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right{
    width: 592px;
    height: 278px;
    position: absolute;
    top: 0;
    right: 58px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c1{
    width: 100%;
    height: 36px;
    padding-top: 32px;
    line-height: 36px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c1 > span{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c1 > span.sp1{
    width: 24px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c1 > span.sp1 > i{
    display: block;
    width: 24px;
    height: 24px;
    margin: 6px 0;
    background: url('../img/png/p18/p18-6.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c1 > span.sp2{
    max-width: 568px;
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c2{
    width: 100%;
    height: 116px;
    overflow: hidden;
    margin: 6px 0;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c2 > p{
    line-height: 28px;
    font-size: 16px;
    color: #333333;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c2 > p > a{
    font-size: 16px;
    color: #81D2FB;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3{
    width: 100%;
    height: 36px;
    overflow: hidden;
    position: relative;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-left{
    display: inline-block;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-left > span{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-left > span.sp1{
    font-size: 16px;
    color: #333333;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-left > span.sp2{
    width: 24px;
    margin-left: 4px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-left > span.sp2 > a{
    display: block;
    width: 24px;
    height: 24px;
    margin: 6px 0;
    border-radius: 50%;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-right{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 0;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v1 > .v1-right > .c3 > .c3-right > span{
    font-size: 16px;
    color: #333333;
}


.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2{
    width: 100%;
    height: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box{
    width: 826px;
    height: 30px;
    margin: 0 auto;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1{
    min-width: 98px;
    height: 30px;
    margin-left: 4px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab{
    display: inline-block;
    height: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span{
    display: inline-block;
    height: 30px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span.sp1{
    width: 26px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span.sp1 > i{
    display: block;
    width: 20px;
    height: 24px;
    margin: 0 3px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span.sp1 > i.i1{
    background: url('../img/png/p18/p18-3.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span.sp1 > i.i2{
    background: url('../img/png/p18/p18-3s.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c1 > .tab > span.sp2{
    line-height: 28px;
    font-size: 16px;
    color: #C56021;
    margin-left: 4px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2{
    min-width: 98px;
    height: 30px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab{
    display: inline-block;
    height: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab > span{
    display: inline-block;
    height: 30px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab > span.sp1{
    width: 26px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab > span.sp1 > i{
    display: block;
    width: 20px;
    height: 24px;
    margin: 0 3px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab > span.sp1 > i{
    background: url('../img/png/p18/p18-4.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v2 > .c-box > .c2 > .tab > span.sp2{
    line-height: 28px;
    font-size: 16px;
    color: #C56021;
    margin-left: 4px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v3{
    width: 826px;
    min-height: 42px;
    margin: 16px auto 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v3 > .ul{
    width: 100%;
    min-height: 42px;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v3 > .ul > .li{
    width: 42px;
    height: 42px;
    float: left;
    border-radius: 21px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v3 > .ul > .li:nth-child(16n+1){
    margin-left: 2px;
}


.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4{
    width: 736px;
    min-height: 94px;
    margin: 0 auto;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4 > .c1{
    width: 100%;
    min-height: 66px;
    font-size: 16px;
    color: #C56021;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4 > .c1 > textarea{
    width: 708px;
    min-height: 28px;
    max-height: 110px;
    overflow-y: auto;
    padding: 14px;
    border-style: none;
    background: #71360F;
    resize: none;
    font-size: 16px;
    color: #C56021;
    border-radius: 6px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4 > .c2{
    width: 100%;
    min-height: 25px;
    margin-top: 4px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4 > .c2 > a{
    display: block;
    width: 60px;
    height: 25px;
    text-align: center;
    line-height: 24px;
    float: right;
    background: #71360F;
    border-radius: 4px;
    font-size: 14px;
    color: #C56021;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v4 > .c2 > a:hover{
    background: #D16324;
    color: white;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5{
    width: 736px;
    min-height: 0;
    padding: 30px 0;
    margin: 0 auto;
    position: relative;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box{
    width: 100%;
    min-height: 0;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list{
    width: 100%;
    min-height: 0;
    margin-bottom: 40px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top{
    width: 100%;
    min-height: 70px;
    background: #71360F;
    border-radius: 6px;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-left{
    width: 72px;
    height: 70px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-left > a.pic{
    display: block;
    width: 42px;
    height: 42px;
    margin: 14px 0 14px 30px;
    border-radius: 50%;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right{
    width: 648px;
    min-height: 70px;
    float: right;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1{
    width: 100%;
    height: 24px;
    padding-top: 12px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1 > .c1-left{
    width: 360px;
    height: 24px;
    line-height: 24px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1 > .c1-left > span{
    display: inline-block;
    height: 24px;
    float: left;
    font-size: 16px;
    color: #D06423;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1 > .c1-left > span.sp1{
    width: 78px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1 > .c1-left > span.sp2{
    margin-left: 8px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c1 > .c1-right{
    width: 90px;
    height: 24px;
    float: right;
}


.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c2{
    width: 100%;
    min-height: 26px;
    padding: 6px 0;
    overflow: hidden;
    position: relative;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c2 > .c2-left{
    width: 618px;
    min-height: 26px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c2 > .c2-left > p{
    font-size: 16px;
    color: #F3D6C8;
    line-height: 26px;
    text-align: justify;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c2 > .c2-right{
    width: 60px;
    height: 26px;
    display: none;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c2 > .c2-right > a{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #C56021;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3{
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-bottom: 12px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .reply{
    display: inline-block;
    height: 24px;
    float: right;
    margin-right: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .reply > a{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #C56021;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab{
    display: inline-block;
    height: 24px;
    float: right;
    margin-right: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span{
    display: inline-block;
    height: 24px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span.sp1{
    width: 26px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span.sp1 > i{
    display: block;
    width: 20px;
    height: 24px;
    margin: 0 3px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span.sp1 > i.i1{
    background: url('../img/png/p18/p18-3.png') center no-repeat;
    background-size: cover;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span.sp1 > i.i2{
    background: url('../img/png/p18/p18-3s.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-top > .list-right > .c3 > .tab > span.sp2{
    min-width: 30px;
    line-height: 28px;
    font-size: 16px;
    color: #C56021;
    margin-left: 4px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-center{
    width: 100%;
    min-height: 0;
    margin: 24px 0;
    overflow: hidden;
    display: none;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-center > textarea{
    width: 620px;
    min-height: 28px;
    max-height: 100px;
    overflow-y: visible;
    padding: 10px 14px;
    border-style: none;
    background: #71360F;
    resize: none;
    font-size: 14px;
    color: #C56021;
    float: right;
    border-radius: 6px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom{
    width: 100%;
    min-height: 200px;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul{
    width: 648px;
    min-height: 0;
    float: right;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li{
    width: 588px;
    min-height: 0;
    padding: 12px 30px;
    /*background: #71360F;*/
    background: rgba(113,54,15,0.6);
    margin-top: 20px;
    position: relative;
    border-radius: 4px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1{
    width: 100%;
    height: 24px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1 > .c1-left{
    width: 360px;
    height: 24px;
    line-height: 24px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1 > .c1-left > span{
    display: inline-block;
    height: 24px;
    float: left;
    font-size: 14px;
    color: #D06423;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1 > .c1-left > span.sp1{
    width: 78px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1 > .c1-left > span.sp2{
    margin-left: 8px;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c1 > .c1-right{
    width: 90px;
    height: 24px;
    float: right;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c2{
    width: 100%;
    min-height: 26px;
    overflow: hidden;
    position: relative;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c2 > .c2-left{
    width: 618px;
    min-height: 26px;
    float: left;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c2 > .c2-left > p{
    font-size: 14px;
    color: #F3D6C8;
    line-height: 22px;
    text-align: justify;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c2 > .c2-right{
    width: 60px;
    height: 26px;
    display: none;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .c2 > .c2-right > a{
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #C56021;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box > .list > .list-bottom > .ul > .li > .triangle{
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-bottom: 12px solid rgba(113,54,15,0.6);
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 30px;
}

.popularization-18 .main .m2 > .n3{
    width: 100%;
    height: 200px;
    background: url('../img/png/p18/p18-5.png') center no-repeat;
    background-size: cover;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2{
    width: 1200px;
    min-height: 0;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -600px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list{
    width: 100%;
    height: 58px;
    margin-bottom: 30px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee{

}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li{
    display: inline-block;
    min-width: 120px;
    height: 42px;
    border-radius: 28px;
    padding: 7px;
    margin-right: 54px;
    background: #252525;
    overflow: hidden;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-left{
    width: 66px;
    height: 56px;
    float: left;
    position: relative;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-left > .pic{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-right{
    min-width: 0;
    height: 56px;
    float: right;
    padding-right: 20px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-right > .c1{
    width: 100%;
    min-width: 60px;
    height: 20px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-right > .c1 > a{
    font-size: 14px;
    color: #D06423;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-right > .c2{
    width: 100%;
    height: 22px;
    line-height: 22px;
}
.popularization-18 .main .m2 > .n2 > .item-box > .item > .v5 > .list-box2 > .list > marquee > .li > .li-right > .c2 > p{
    font-size: 16px;
    color: white;
}



/*===========================================*/
/* 投票页*/
/*===========================================*/
.popularization-20{
    max-width: 100%;
    min-width: 1200px;
    margin: 0 auto;
}

/*主体*/
.popularization-20 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-20 .main .m1-box{
    width: 100%;
    min-width: 1200px;
    min-height: 506px;
    margin: 0 auto;
    background: #F7F7F7;
    padding: 80px 0 54px;
}
.popularization-20 .main .m1-box > .m1{
    width: 1200px;
    min-height: 506px;
    margin: 0 auto;
}
.popularization-20 .main .m1-box > .m1 > .pic{
    width: 1200px;
    height: 506px;
}

.popularization-20 .main .m1-box > .m1 > .m1-nav-box{
    width: 910px;
    height: 44px;
    padding: 52px 145px 0;
}
.popularization-20 .main .m1-box > .m1 > .m1-nav-box > .m1-nav{
    width: 100%;
    height: 44px;
}
.popularization-20 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li{
    width: 25%;
    height: 44px;
    float: left;
}
.popularization-20 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a{
    display: block;
    width: 186px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #E5E5E5;
    border-radius: 22px;
    background: white;
    font-size: 20px;
    color: #333333;
}
.popularization-20 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a.show{
    border: 1px solid #25BAD1;
    background: #25BAD1;
    color: white;
}

.popularization-20 .main .m2-box{
    width: 100%;
    min-height: 0;
    background: white;
}
.popularization-20 .main .m2-box > .m2{
    width: 1240px;
    min-height: 0;
    background: white;
    margin: 0 auto 60px;
}
.popularization-20 .main .m2-box > .m2 > .n1{
    width: 1200px;
    height: 70px;
    line-height: 70px;
    padding: 48px 20px;
    text-align: center;
}
.popularization-20 .main .m2-box > .m2 > .n1 > span{
    font-size: 24px;
    color: #333333;
    font-weight: 700;
}
.popularization-20 .main .m2-box > .m2 > .n2{
    width: 1232px;
    min-height: 0;
    padding: 4px;
    background: white;
    overflow: hidden;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list{
    width: 206px;
    height: 366px;
    padding: 15px;
    border: 1px solid transparent;
    background: white;
    float: left;
    margin-left: 10.5px;
    margin-bottom: 46px;

    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list:nth-child(5n+1){
    margin-left: 0;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list:hover{
    border: 1px solid #DCDCDC;
    /*background: #F7F7F7;*/
    box-shadow: 0 0 6px #DCDCDC;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1{
    width: 100%;
    height: 282px;
    position: relative;
    overflow: hidden;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > a.pic{
    display: block;
    width: 206px;
    height: 282px;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > .num-box{
    width: 52px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/png/p20/p20-2.png') center no-repeat;
    background-size: cover;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > .num-box > .num{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > .num-box > .num > span{
    font-size: 16px;
    color: white;
    font-weight: 700;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > .cover{
    width: 186px;
    height: 44px;
    line-height: 44px;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    left: 0;

    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;

    text-align: center;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v1 > .cover > span{
    font-size: 14px;
    color: white;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2{
    width: 100%;
    height: 34px;
    padding-bottom: 14px;
    position: relative;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-left{
    display: inline-block;
    max-width: 120px;
    height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    font-size: 14px;
    color: #333333;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-left > span{
    line-height: 34px;
    font-size: 14px;
    color: #333333;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right{
    display: inline-block;
    max-width: 80px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1 > span{
    display: inline-block;
    height: 34px;
    float: left;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1 > span.sp1{
    width: 16px;
    margin-right: 6px;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1 > span.sp1 > i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 9px 0;
    background: url('../img/png/p20/p20-1.png') center no-repeat;
    background-size: cover;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1 > span.sp2{
    font-size: 14px;
    color: #25BAD1;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b1 > span.sp3{
    font-size: 14px;
    color: #333333;
    margin-left: 4px;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2 > span{
    display: inline-block;
    height: 34px;
    float: left;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2 > span.sp1{
    width: 16px;
    margin-right: 6px;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2 > span.sp1 > i{
    display: block;
    width: 16px;
    height: 16px;
    margin: 9px 0;
    background: url('../img/png/p20/p20-1s.png') center no-repeat;
    background-size: cover;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2 > span.sp2{
    font-size: 14px;
    color: #FCBD30;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v2 > .v-right > .b2 > span.sp3{
    font-size: 14px;
    color: #FCBD30;
    margin-left: 4px;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v3{
    width: 100%;
    height: 34px;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v3 > .v-left{
    width: 100px;
    height: 34px;
    float: left;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v3 > .v-left > a{
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #bcbcbc;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #333333;
}

.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v3 > .v-right{
    width: 100px;
    height: 34px;
    float: right;
}
.popularization-20 .main .m2-box > .m2 > .n2 > .list > .v3 > .v-right > a{
    display: block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #25BAD1;
    background: #25BAD1;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: white;
}


/*===========================================*/
/* 投票排行*/
/*===========================================*/
.popularization-21{
    max-width: 100%;
    min-width: 1200px;
    /*background: #F7F7F7;*/
    margin: 0 auto;
}

/*主体*/
.popularization-21 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-21 .main .m1-box{
    width: 100%;
    min-width: 1200px;
    min-height: 506px;
    margin: 0 auto;
    background: #F7F7F7;
    padding: 80px 0 54px;
}
.popularization-21 .main .m1-box > .m1{
    width: 1200px;
    min-height: 506px;
    margin: 0 auto;
}
.popularization-21 .main .m1-box > .m1 > .pic{
    width: 1200px;
    height: 506px;
}

.popularization-21 .main .m1-box > .m1 > .m1-nav-box{
    width: 910px;
    height: 44px;
    padding: 52px 145px 0;
}
.popularization-21 .main .m1-box > .m1 > .m1-nav-box > .m1-nav{
    width: 100%;
    height: 44px;
}
.popularization-21 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li{
    width: 25%;
    height: 44px;
    float: left;
}
.popularization-21 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a{
    display: block;
    width: 186px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #E5E5E5;
    border-radius: 22px;
    background: white;
    font-size: 20px;
    color: #333333;
}
.popularization-21 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a.show{
    border: 1px solid #25BAD1;
    background: #25BAD1;
    color: white;
}

.popularization-21 .main .m2-box{
    width: 100%;
    min-height: 0;
    background: white;
}
.popularization-21 .main .m2-box > .m2{
    width: 1240px;
    min-height: 0;
    background: white;
    margin: 0 auto 80px;
}
.popularization-21 .main .m2-box > .m2 > .n1{
    width: 1200px;
    height: 70px;
    line-height: 70px;
    padding: 48px 20px;
    text-align: center;
}
.popularization-21 .main .m2-box > .m2 > .n1 > .sp-box{
    display: inline-block;
    height: 70px;
}

.popularization-21 .main .m2-box > .m2 > .n1 > .sp-box > span{
    display: inline-block;
    float: left;

    font-size: 24px;
    color: #333333;
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n1 > .sp-box > span.sp1{
    width: 24px;
    height: 70px;
    margin-right: 16px;
}
.popularization-21 .main .m2-box > .m2 > .n1 > .sp-box > span.sp1 > i{
    display: block;
    width: 24px;
    height: 30px;
    background: url('../img/png/p21/p21-1.png') center no-repeat;
    background-size: cover;
    margin: 20px 0;
}

.popularization-21 .main .m2-box > .m2 > .n2{
    width: 100%;
    min-height: 0;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list{
    width: 100%;
    height: 56px;
    border-radius: 58px;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(2n+1){
    background: #E7F8FB;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(2n+2){
    background: white;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1{
    width: 120px;
    height: 56px;
    line-height: 56px;
    margin-left: 150px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span{
    display: inline-block;
    height: 56px;
    text-align: center;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp1{
    width: 28px;
    height: 56px;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp1 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-2.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp2{
    width: 28px;
    height: 56px;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp2 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-3.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp3{
    width: 28px;
    height: 56px;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp3 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-4.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp4{
    font-size: 16px;
    color: #333333;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v2{
    width: 260px;
    height: 56px;
    line-height: 56px;
    margin-left: 100px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v2 > a{
    font-size: 16px;
    color: #333333;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v2 > a:hover{
    color: #25BAD1;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v3{
    width: 200px;
    height: 56px;
    line-height: 56px;
    margin-left: 40px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v3 > span{
    font-size: 16px;
    color: #333333;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v4{
    width: 120px;
    height: 56px;
    line-height: 56px;
    margin-right: 150px;
    text-align: center;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list > .v4 > span{
    font-size: 16px;
    color: #333333;
}

.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(1) > div > span{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(2) > div > span{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(2) > div > a{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(3) > div > span{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(3) > div > a{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(4) > div > span{
    font-weight: 700;
}
.popularization-21 .main .m2-box > .m2 > .n2 > .list:nth-child(4) > div > a{
    font-weight: 700;
}


/*===========================================*/
/* 投票单页*/
/*===========================================*/
.popularization-22{
    max-width: 100%;
    min-width: 1200px;
    background: #F7F7F7;
    margin: 0 auto;
}

/*主体*/
.popularization-22 .main{
    width: 1200px;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-22 .main > .m1{
    width: 100%;
    min-height: 0;
    padding: 60px 0;
}
.popularization-22 .main > .m1 > .n1{
    width: 100%;
    height: 60px;
    padding: 60px 0 30px;
    position: relative;
}
.popularization-22 .main > .m1 > .n1 > .v1{
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
}
.popularization-22 .main > .m1 > .n1 > .v1 > span{
    font-size: 24px;
    font-weight: 700;
    color: #333333;
}

.popularization-22 .main > .m1 > .n1 > .v2{
    display: inline-block;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 60px;
    right: 0;
}
.popularization-22 .main > .m1 > .n1 > .v2 > a{
    font-size: 18px;
    color: #333333;
}
.popularization-22 .main > .m1 > .n1 > .v2 > a:hover{
    color: #25BAD1;
}

.popularization-22 .main > .m1 > .n2{
    width: 100%;
    min-height: 100px;
    position: relative;
    overflow: hidden;
}

.popularization-22 .main > .m1 > .n2 > .click-box{
    width: 1060px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 70px;
    margin-top: -50px;
}
.popularization-22 .main > .m1 > .n2 > .click-box > .click-left{
    width: 60px;
    height: 100px;
    cursor:pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-22 .main > .m1 > .n2 > .click-box > .click-left:hover{
    background: #E2E2E2;
}

.popularization-22 .main > .m1 > .n2 > .click-box > .click-left > i{
    display: block;
    width: 60px;
    height: 100px;
    background: url("../img/png/p21/p21-5.png") center no-repeat;
    background-size: cover;
}

.popularization-22 .main > .m1 > .n2 > .click-box > .click-right{
    width: 60px;
    height: 100px;
    cursor:pointer;
    position: absolute;
    top: 0;
    right: 0;
}
.popularization-22 .main > .m1 > .n2 > .click-box > .click-right:hover{
    background: #E2E2E2;
}

.popularization-22 .main > .m1 > .n2 > .click-box > .click-right > i{
    display: block;
    width: 60px;
    height: 100px;
    background: url("../img/png/p21/p21-6.png") center no-repeat;
    background-size: cover;
}

.popularization-22 .main > .m1 > .n2 > .banner-box{
    max-width: 632px;
    max-height: 868px;
    margin: 0 auto;
}
.popularization-22 .main > .m1 > .n2 > .banner-box > img{
    display: inline-block;
    max-width: 632px;
    max-height: 868px;
    margin: 0;
    padding: 0;
}

.popularization-22 .main > .m1 > .n3{
    width: 100%;
    min-height: 300px;
    padding-bottom: 60px;
}
.popularization-22 .main > .m1 > .n3 > .v1{
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    padding: 34px 0 36px;
}
.popularization-22 .main > .m1 > .n3 > .v1 > a{
    font-size: 20px;
    font-weight: 700;
}
.popularization-22 .main > .m1 > .n3 > .v1 > p{
    font-size: 20px;
    font-weight: 700;
}
.popularization-22 .main > .m1 > .n3 > .v1 > p > a{
    font-size: 20px;
    font-weight: 700;

    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-22 .main > .m1 > .n3 > .v1 > p > a:hover{
    color: #25BAD1;
}

.popularization-22 .main > .m1 > .n3 > .v2{
    width: 100%;
    height: 48px;
}
.popularization-22 .main > .m1 > .n3 > .v2 > a{
    display: block;
    width: 202px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #25BAD1;
    font-size: 20px;
    color: white;
    margin: 0 auto;
    border-radius: 4px;

    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-22 .main > .m1 > .n3 > .v2 > a:hover{
    background: #24acc3;
}

.popularization-22 .main > .m1 > .n3 > .v3{
    width: 100%;
    min-height: 38px;
    line-height: 38px;
    padding-top: 46px;
    text-align: center;
}
.popularization-22 .main > .m1 > .n3 > .v3 > p{
    font-size: 16px;
    color: #333333;
}

.popularization-22 .main > .m1 > .n3 > .v4{
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.popularization-22 .main > .m1 > .n3 > .v4 > p{
    font-size: 16px;
    color: #666666;
}
.popularization-22 .main > .m1 > .n3 > .v4 > p > a{
    font-size: 16px;
    color: #666666;
    transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.popularization-22 .main > .m1 > .n3 > .v4 > p > a:hover{
    color: #25BAD1;
}




/*===========================================*/
/* 投票活动说明*/
/*===========================================*/
.popularization-23{
    max-width: 100%;
    min-width: 1200px;
    /*background: #F7F7F7;*/
    margin: 0 auto;
}

/*主体*/
.popularization-23 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-23 .main .m1-box{
    width: 100%;
    min-width: 1200px;
    min-height: 506px;
    margin: 0 auto;
    background: #F7F7F7;
    padding: 80px 0 54px;
}
.popularization-23 .main .m1-box > .m1{
    width: 1200px;
    min-height: 506px;
    margin: 0 auto;
}
.popularization-23 .main .m1-box > .m1 > .pic{
    width: 1200px;
    height: 506px;
}

.popularization-23 .main .m1-box > .m1 > .m1-nav-box{
    width: 910px;
    height: 44px;
    padding: 52px 145px 0;
}
.popularization-23 .main .m1-box > .m1 > .m1-nav-box > .m1-nav{
    width: 100%;
    height: 44px;
}
.popularization-23 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li{
    width: 25%;
    height: 44px;
    float: left;
}
.popularization-23 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a{
    display: block;
    width: 186px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #E5E5E5;
    border-radius: 22px;
    background: white;
    font-size: 20px;
    color: #333333;
}
.popularization-23 .main .m1-box > .m1 > .m1-nav-box > .m1-nav > .li > a.show{
    border: 1px solid #25BAD1;
    background: #25BAD1;
    color: white;
}

.popularization-23 .main .m2-box{
    width: 100%;
    min-height: 0;
    background: white;
}
.popularization-23 .main .m2-box > .m2{
    width: 1240px;
    min-height: 0;
    background: white;
    margin: 0 auto 80px;
}
.popularization-23 .main .m2-box > .m2 > .n1{
    width: 1200px;
    min-height: 0;
    padding: 60px 20px;
}

.popularization-23 .main .m2-box > .m2 > .n1 > p{
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    height: 100%;
    margin-bottom: 36px;
    text-indent: 2em;
}

.popularization-23 .main .m2-box > .m2 > .n1 > p > a{
    color: #25BAD1;
}

.popularization-23 .main .m2-box > .m2 > .n1 > p a:hover{
    text-decoration: underline;
    color: #25BAD1;
}

.popularization-23 .main .m2-box > .m2 > .n1 > p > img{
    display: block;
    max-width: 700px;
    margin: 10px auto;
}


/*==================================================*/
/*正文投票排行*/
/*==================================================*/
.popularization-24{
    max-width: 100%;
    min-width: 1200px;
    /*background: #F7F7F7;*/
    margin: 0 auto;
}

/*主体*/
.popularization-24 .main{
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
}
.popularization-24 .main .m1-box{
    width: 100%;
    min-width: 1200px;
    min-height: 0;
    margin: 0 auto;
    background: white;
}
.popularization-24 .main .m1-box > .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
}

.popularization-24 .main .m2-box{
    width: 100%;
    min-height: 0;
    background: white;
}
.popularization-24 .main .m2-box > .m2{
    width: 1200px;
    min-height: 0;
    background: white;
    margin: 0 auto 80px;
}
.popularization-24 .main .m2-box > .m2 > .n1{
    width: 1200px;
    height: 60px;
    line-height: 60px;
    padding: 40px 0 60px;
}

.popularization-24 .main .m2-box > .m2 > .n1 > .v1{
    width: 30%;
    height: 60px;
    line-height: 60px;
    float: left;
}
.popularization-24 .main .m2-box > .m2 > .n1 > .v1 > span{
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}

.popularization-24 .main .m2-box > .m2 > .n1 > .v2{
    width: 40%;
    height: 60px;
    line-height: 60px;
    float: left;
    text-align: center;
}
.popularization-24 .main .m2-box > .m2 > .n1 > .v2 > .a-box{
    display: inline-block;
    height: 60px;
    line-height: 60px;
}

.popularization-24 .main .m2-box > .m2 > .n1 > .v2 > .a-box > a{
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n1 > .v2 > .a-box > a.show{
    color: #25BAD1;
}

.popularization-24 .main .m2-box > .m2 > .n1 > .v2 > .a-box > a:hover{
    color: #25BAD1;
}

.popularization-24 .main .m2-box > .m2 > .n1 > .v3{
    width: 30%;
    height: 60px;
    line-height: 60px;
    float: left;
    text-align: right;
}
.popularization-24 .main .m2-box > .m2 > .n1 > .v3 > a{
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n1 > .v3 > a:hover{
    color: #25BAD1;
}


.popularization-24 .main .m2-box > .m2 > .n2{
    width: 100%;
    min-height: 0;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list{
    width: 100%;
    height: 56px;
    border-radius: 58px;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(2n+1){
    background: #E7F8FB;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(2n+2){
    background: white;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1{
    width: 120px;
    height: 56px;
    line-height: 56px;
    margin-left: 120px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span{
    display: inline-block;
    height: 56px;
    text-align: center;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp1{
    width: 28px;
    height: 56px;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp1 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-2.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp2{
    width: 28px;
    height: 56px;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp2 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-3.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp3{
    width: 28px;
    height: 56px;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp3 > i{
    display: block;
    width: 28px;
    height: 34px;
    background: url('../img/png/p21/p21-4.png') center no-repeat;
    background-size: cover;
    margin: 11px 0;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v1 > span.sp4{
    font-size: 16px;
    color: #333333;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v2{
    width: 280px;
    height: 56px;
    line-height: 56px;
    margin-left: 80px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v2 > a{
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v2 > a:hover{
    color: #25BAD1;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v3{
    width: 240px;
    height: 56px;
    line-height: 56px;
    margin-left: 40px;
    text-align: center;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v3 > span{
    font-size: 16px;
    color: #333333;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v4{
    width: 120px;
    height: 56px;
    line-height: 56px;
    margin-right: 120px;
    text-align: center;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #333333;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list > .v4 > span{
    font-size: 16px;
    color: #333333;
}

.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(1) > div > span{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(2) > div > span{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(2) > div > a{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(3) > div > span{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(3) > div > a{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(4) > div > span{
    font-weight: 700;
}
.popularization-24 .main .m2-box > .m2 > .n2 > .list:nth-child(4) > div > a{
    font-weight: 700;
}

/*==================================================*/
/*50部晋级作品*/
/*==================================================*/
.popularization-25{
    max-width: 100%;
    min-width: 1200px;
    background: url('../img/jpg/p25/p25-1.jpg') center no-repeat;
    margin: 0 auto;
}

/*主体*/
.popularization-25 .main{
    max-width: 1360px;
    min-width: 0;
    min-height: 0;
    margin: 0 auto;
    overflow: hidden;
}
.popularization-25 .main > .m1{
    width: 100%;
    height: 60px;
}
.popularization-25 .main > .m1 .m1-box{
    width: 100%;
    min-width: 1200px;
    min-height: 0;
    margin: 0 auto;
}
.popularization-25 .main > .m1 .m1-box > .m1{
    width: 1200px;
    height: 58px;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
}

.popularization-25 .main > .m2{
    width: 1200px;
    min-height: 100px;
    margin: 0 auto;
}
.popularization-25 .main > .m2 > .n1{
    width: 100%;
    height: 86px;
    padding-top: 80px;
    padding-bottom: 30px;
}
.popularization-25 .main > .m2 > .n1 > .pic{
    width: 530px;
    height: 86px;
    margin: 0 auto;
}
.popularization-25 .main > .m2 > .n2{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.popularization-25 .main > .m2 > .n2 > a{
    font-size: 28px;
    color: white;
    font-weight: 700;
}

.popularization-25 .main > .m2 > .n3{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.popularization-25 .main > .m2 > .n3 > a{
    font-size: 22px;
    color: #7AD6E5;
    font-weight: 700;
}
.popularization-25 .main > .m2 > .n4{
    width: 900px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
}
.popularization-25 .main > .m2 > .n4 > p{
    line-height: 26px;
    font-size: 14px;
    color: #2DBED3;
}

.popularization-25 .main > .m2 > .n5{
    width: 680px;
    height: 0;
    margin: 0 auto;
    position: relative;
}
.popularization-25 .main > .m2 > .n5 > .pic{
    width: 680px;
    height: 200px;
    background: url('../img/png/p25/p25-2.png') center no-repeat;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: 4;
}

.popularization-25 .main > .m3{
    width: 830px;
    height: 450px;
    margin: 0 auto 120px;
    position: relative;
}

.popularization-25 .main > .m3 > .pic-ss{
    width: 830px;
    height: 100px;
    position: absolute;
    top: 450px;
    left: 0;
    z-index: 1;
}
.popularization-25 .main > .m3 > .pic-ss > .li1{
    width: 420px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 205px;
    background: url('../img/png/p25/p25-3.png') center no-repeat;
    background-size: cover;
}

.popularization-25 .main > .m3 > .pic-ss > .li2{
    width: 340px;
    height: 80px;
    position: absolute;
    top: -36px;
    left: -29px;
    background: url('../img/png/p25/p25-3.png') center no-repeat;
    background-size: cover;
}
.popularization-25 .main > .m3 > .pic-ss > .li3{
    width: 340px;
    height: 80px;
    position: absolute;
    top: -36px;
    right: -29px;
    background: url('../img/png/p25/p25-3.png') center no-repeat;
    background-size: cover;
}


.popularization-25 .main > .m3 > .pic-box{
    width: 100%;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.popularization-25 .main > .m3 > .pic-box > .li1{
    width: 340px;
    height: 450px;
    background: -webkit-linear-gradient(left, #0B3F58 , #7DDBEF , #0B3F58); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #0B3F58 , #7DDBEF , #0B3F58); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #0B3F58 , #7DDBEF , #0B3F58); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #0B3F58 , #7DDBEF , #0B3F58); /* 标准的语法 */
    position: absolute;
    top: 0;
    left: 245px;
    z-index: 3;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.popularization-25 .main > .m3 > .pic-box > .li1 > .pic{
    width: 328px;
    height: 438px;
    background: white;
    position: absolute;
    top: 6px;
    left: 6px;
}

.popularization-25 .main > .m3 > .pic-box > .li2{
    width: 282px;
    height: 372px;
    background: -webkit-linear-gradient(left, #061D2E , #105C80 , #061D2E); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #061D2E , #105C80 , #061D2E); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #061D2E , #105C80 , #061D2E); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #061D2E , #105C80 , #061D2E); /* 标准的语法 */
    position: absolute;
    top: 40px;
    left: 0;
}
.popularization-25 .main > .m3 > .pic-box > .li2 > .pic{
    width: 270px;
    height: 360px;
    background: white;
    position: absolute;
    top: 6px;
    left: 6px;
}

.popularization-25 .main > .m3 > .pic-box > .li3{
    width: 282px;
    height: 372px;
    background: -webkit-linear-gradient(left, #061D2E , #105C80, #061D2E); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #061D2E , #105C80 , #061D2E); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #061D2E , #105C80 , #061D2E); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #061D2E , #105C80 , #061D2E); /* 标准的语法 */
    position: absolute;
    top: 40px;
    right: 0;
}
.popularization-25 .main > .m3 > .pic-box > .li3 > .pic{
    width: 270px;
    height: 360px;
    background: white;
    position: absolute;
    top: 6px;
    left: 6px;
}

.popularization-25 .main > .m3 > .pic-box > .li > .pic > .s{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}

.popularization-25 .main > .m3 > .pic-click{
    width: 1200px;
    height: 0;
    position: absolute;
    top: 190px;
    left: -186px;
    background: red;
}

.popularization-25 .main > .m3 > .pic-click > .click-left{
    width: 60px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-25 .main > .m3 > .pic-click > .click-left:hover{
    background: #145E93;
}
.popularization-25 .main > .m3 > .pic-click > .click-left > i{
    display: block;
    width: 60px;
    height: 100px;
    background: url('../img/png/p25/left.png') center no-repeat;
    background-size: cover;
}

.popularization-25 .main > .m3 > .pic-click > .click-right{
    width: 60px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
}
.popularization-25 .main > .m3 > .pic-click > .click-right:hover{
    background: #145E93;
}
.popularization-25 .main > .m3 > .pic-click > .click-right > i{
    display: block;
    width: 60px;
    height: 100px;
    background: url('../img/png/p25/right.png') center no-repeat;
    background-size: cover;
}


.popularization-25 .main > .m4{
    width: 100%;
    min-height: 4px;
}
.popularization-25 .main > .m4 > .n1{
    width: 1360px;
    height: 4px;
    margin: 0 auto;
    position: relative;
}
.popularization-25 .main > .m4 > .n1 > .s{
    width: 1360px;
    height: 4px;
    background: -webkit-linear-gradient(left, rgba(6,29,46,0.1) , #7DDDF0, rgba(6,29,46,0.1)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(6,29,46,0.1) , #7DDDF0, rgba(6,29,46,0.1)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(6,29,46,0.1) , #7DDDF0, rgba(6,29,46,0.1)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(6,29,46,0.1) , #7DDDF0, rgba(6,29,46,0.1)); /* 标准的语法 */
    position: absolute;
    top: 0;
    left: 0;
}
.popularization-25 .main > .m4 > .n1 > .pic{
    width: 680px;
    height: 200px;
    background: url('../img/png/p25/p25-2.png') center no-repeat;
    position: absolute;
    top: -98px;
    left: 340px;
    z-index: 4;
}
.popularization-25 .main > .m4 > .n2{
    width: 700px;
    min-height: 0;
    margin: 80px auto;
}
.popularization-25 .main > .m4 > .n2 > .v-box{
    width: 652px;
    min-height: 0;
    background: #0D5E95;
    margin-bottom: 40px;
    padding: 28px 24px;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v{
    width: 646px;
    min-height: 82px;
    border: 3px solid white;
    position: relative;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v > .list-top{
    width: 172px;
    height: 40px;
    line-height: 34px;
    background: #0D5E95;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -86px;
    text-align: center;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v > .list-top > span{
    font-size: 28px;
    color: white;
    font-weight: 700;
}

.popularization-25 .main > .m4 > .n2 > .v-box > .v1 > .list-bottom{
    width: 630px;
    min-height: 0;
    margin: 24px auto 6px;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v1 > .list-bottom > p{
    font-size: 14px;
    color: white;
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v2 > .list-bottom{
    width: 630px;
    min-height: 0;
    margin: 24px auto 6px;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v2 > .list-bottom > .li{
    width: 100%;
    min-height: 0;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 10px;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v2 > .list-bottom > .li > .s{
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: right;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v2 > .list-bottom > .li > .s > p{
    font-size: 14px;
    color: white;
    line-height: 30px;
}
.popularization-25 .main > .m4 > .n2 > .v-box > .v2 > .list-bottom > .li > p{
    font-size: 14px;
    color: white;
    line-height: 30px;
    text-align: justify;
    text-indent: 2em;
}



/*==================================================*/
/*分页*/
.page-dz{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
}
.page-dz > .pagination{
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
}

.page-dz > .pagination > a{
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #626262;
    border-radius: 50%;
}
.page-dz > .pagination > a:hover{
    background: #E8E8E8;
}

.page-dz > .pagination > span{
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #626262;
}
.page-dz > .pagination > span.number{
    margin-left: 12px;
}

.page-dz > .pagination > .prev i,
.page-dz > .pagination > .next i,
.page-dz > .pagination > .prevPage i,
.page-dz > .pagination > .nextPage i{
    font-size: 16px;
    color: #CCCCCC;
    margin-top: 2px;
    line-height: 30px;
}

.page-dz > .pagination > .prev i,
.page-dz > .pagination > .prevPage i{
    color: #13B5D2;
}

.page-dz > .pagination > .next i,
.page-dz > .pagination > .nextPage i{
    color: #13B5D2;
}

.page-dz > .pagination > .current,
.page-dz > .pagination > .currentPage{
    color:#fff;
    background: #D16324;
    margin: 0 4px;
    border-radius: 50%;
}

.page-dz > .pagination > .dot{
    background:transparent;
    border:0;
}

/*===========================================*/
/*分页*/
.page{
    width: 100%;
    min-height: 0;
    padding: 40px 0;
}
.page > .pagination{
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-align: center;
}

.page > .pagination > a{
    display: inline-block;
    min-width: 28px;
    height: 28px;
    margin: 0 5px;
    line-height: 28px;
    background:#f5f5f5;
    border:1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
.page > .pagination > a:hover{
    background: #E8E8E8;
}

.page > .pagination > span{
    display: inline-block;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    background:#f5f5f5;
    border:1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.page > .pagination > .prev i,
.page > .pagination > .next i,
.page > .pagination > .prevPage i,
.page > .pagination > .nextPage i{
    font-size: 16px;
    color: #CCCCCC;
    margin-top: 2px;
    line-height: 30px;
}

.page > .pagination > .prev i,
.page > .pagination > .prevPage i{
    color: #13B5D2;
}

.page > .pagination > .next i,
.page > .pagination > .nextPage i{
    color: #13B5D2;
}

.page > .pagination > .current,
.page > .pagination > .currentPage{
    color:#fff;
    background: #13B5D2;
    margin: 0 4px;
}

.page > .pagination > .dot{
    background:transparent;
    border:0;
}

/*=====================================*/