@charset "utf-8";
.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right .download_app {
float: left;
cursor: pointer;
margin-left: 7px;
margin-top: 4px;
background: url("../images/btn_downloadapp.png") no-repeat left top;
width: 94px;
height: 30px;
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right .download_app a {
display: block;
height: 100%;
width: 100%;
}

.patch-20210906 .w300.dangshi .dangshi-content {
text-align: center;
}

.wrapper .menu-main .line3 .nav-local li:first-child {
margin-left: 16px;
}

.wrapper .row2 .full .w872 .special li {
float: left;
margin-left: 21px;
border: 1px solid #e5e5e5
}

.wrapper .row5 .content .panel .w436 .list li a {
font-size: 18px;
line-height: 56px;
font-weight: normal
}

.wrapper .row3 .eyes_look .slider .arrow_right {
position: absolute;
z-index: 9;
right: 7px;
top: 207px;
background: url(../images/eyes_look_arrowright.png) no-repeat 0 0;
width: 18px;
height: 31px
}

.wrapper .row8 .silder .arrow_right {
position: absolute;
right: 25px;
top: 145px;
background: url(../images/product_matrix_arrowright.png) no-repeat 0 0;
width: 18px;
height: 31px;
cursor: pointer
}

.wrapper .menu-main .line2 .nav-main li {
position: relative;
float: left;
height: 42px;
line-height: 42px;
margin-left: 55px
}

.wrapper .menu-main .line2 .nav-main li:first-child {
margin-left: 11px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li {
position: relative;
float: left;
height: 38px;
line-height: 38px;
margin-left: 11px;
}

.wrapper .row2 .w300 .erwen .box ul li .red {
background: url(../images/red.png) no-repeat center;
width: 35px;
height: 27px;
display: block;
float: left;
margin-right: 13px;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: 400
}

.wrapper .row2 .w300 .erwen .box ul li .orange {
background: url(../images/orange.png) no-repeat center;
line-height: 1.2;
width: 35px;
height: 27px;
display: block;
float: left;
margin-right: 13px;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: 400
}

.wrapper .row2 .w300 .wangping .box ul li .red {
background: url(../images/red.png) no-repeat center;
width: 35px;
height: 27px;
display: block;
float: left;
margin-right: 13px;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: 400
}

.wrapper .row2 .w300 .wangping .box ul li .orange {
background: url(../images/orange.png) no-repeat center;
line-height: 1.2;
width: 35px;
height: 27px;
display: block;
float: left;
margin-right: 13px;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: 400
}

.wrapper .row8 .silder .poster .tip01 {
position: absolute;
left: -26px;
bottom: 4px;
background: url(../images/icon_tips_zhuanti.png) no-repeat center;
width: 48px;
height: 42px;
color: #ffffff;
padding-left: 8px;
padding-top: 10px;
}

.wrapper .row8 .silder .poster .tip02 {
position: absolute;
left: -26px;
bottom: 4px;
background: url(../images/icon_tips_hudong.png) no-repeat center;
width: 48px;
height: 42px;
color: #ffffff;
padding-left: 8px;
padding-top: 10px;
}

.wrapper .row8 .silder .poster .tip03 {
position: absolute;
left: -26px;
bottom: 4px;
background: url(../images/icon_tips_video.png) no-repeat center;
width: 48px;
height: 42px;
color: #ffffff;
padding-left: 8px;
padding-top: 10px;
}

.wrapper .row8 .silder .poster .tip04 {
position: absolute;
left: -26px;
bottom: 4px;
background: url(../images/icon_tips_audio.png) no-repeat center;
width: 48px;
height: 42px;
color: #ffffff;
padding-left: 8px;
padding-top: 10px;
}

.wrapper .row5 .box .nav ul li {
position: relative;
width: 10%;
float: left;
text-align: center;
height: 44px
}

.wrapper .footer #perny-footer .link-1 {
width: 11%
}

.wrapper .footer #perny-footer .link-3::before {
position: absolute;
left: 33%;
top: 0;
bottom: 0;
content: "";
height: 100%;
border-left: 1px solid #272727
}

.wrapper .footer #perny-footer .link-3 {
width: 45%
}


.wrapper .menu-main .line1 .radio-live {
position: absolute;
left: 350px;
top: 30px;
background: url(../images/radiolive0623.png) no-repeat left top;
width: 93px;
height: 24px;
cursor: pointer;
background-size: 100% 100%;
}

.wrapper .menu-main .line1 .form {
position: absolute;
right: 0px;
top: 24px;
}

.wrapper .row5 .box .nav ul li a {
position: relative;
display: inline-block;
font-size: 20px;
line-height: 44px;
font-weight: 700
}

.wrapper .menu-main .line1 .form .input_wrapper input[type='text'] {
border: none;
font-size: 14px;
font-style: normal;
width: 106px;
height: 20px;
line-height: 20px;
padding: 0;
margin: 0;
outline: none;
background: none;
}

.wrapper .footer #perny-footer .link-3 .other .cnr-logo {
width: 70px;
height: 22px;
float: left;
display: block;
}

.towCode {
position: absolute;
z-index: 999999;
bottom: -204px;
left: 50%;
background: url("../images/towcode02.png") no-repeat 0 0;
width: 204px;
margin-left: -102px;
height: 204px;
}

.wrapper .row5 .box .nav {
position: relative;
padding: 21px 50px 0;
}

.wrapper .row1 .main .w650 .swiper-container .prev {
position: absolute;
z-index: 9;
left: 0;
top: 50%;
margin-top: -27px;
background: url("../images/fouces_prev.png") no-repeat 0 0;
width: 36px;
height: 55px;
cursor: pointer;
opacity: 0;
transition: opacity ease-in-out 0.6s;
}

.wrapper .row1 .main .w650 .swiper-container .next {
position: absolute;
z-index: 9;
right: 0;
top: 50%;
margin-top: -27px;
background: url("../images/fouces_next.png") no-repeat 0 0;
width: 36px;
height: 55px;
cursor: pointer;
opacity: 0;
transition: opacity ease-in-out 0.6s;
}

.wrapper .row1 .main .w650 .swiper-container:hover .prev {
opacity: 1;
}

.wrapper .row1 .main .w650 .swiper-container:hover .next {
opacity: 1;
}

.wrapper .row5 .content .panel .w436 .list {
padding-top: 0px
}

.wrapper .row5 .content .panel .w436 .list li {
border-top: 1px solid #e5e5e5;
height: 56px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}

.wrapper .row5 .content .panel .w436 .list li:first-child {
border-top: none;
height: 30px;
line-height: 30px;
padding-bottom: 12px;
}

.listen_icon {
position: fixed;
top: 50%;
margin-left: 310px;
background-image: url(../images/ewlogo.png);
width: 60px;
height: 60px;
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
display: none;
cursor: pointer;
z-index: 11111;
}

.tip {
position: fixed;
top: 45%;
left: 50%;
margin-left: -200px;
width: 411px;
height: 279px;
background-image: url(http://www.cnr.cn/2021/images/di95_66.png);
background-size: cover;
background-repeat: no-repeat;
background-position: 0 0;
z-index: 11111;
}

.tipp {
position: absolute;
display: none;
left: 412px;
top: 22px;
background-image: url(../images/di95_01.png);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 255px;
height: 36px;
cursor: pointer;
}

.bg {
position: relative;
}

.share {
position: absolute;
right: 94px;
top: 20px;
background-image: url(../images/btn_share02.png);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 36px;
height: 36px;
cursor: pointer;
}

.appplus {
position: absolute;
right: 20px;
top: 20px;
background-image: url(http://www.cnr.cn/2021/images/Communist100th/app.png);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 59px;
height: 31px;
cursor: pointer;
}

.hide1 {
position: absolute;
right: 30px;
top: -10px;
/* top: -10px;
right: 50px; */
background-image: url(../images/zxh.png);
/* background-image: url(http://www.cnr.cn/2021/images/Communist100th/cancel.png); */
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 24px;
height: 24px;
cursor: pointer;
}

.close {
cursor: pointer;
position: absolute;
right: -10px;
top: -10px;
/* top: -10px;
right: 11px; */
background-image: url(../images/gb.png);
/* background-image: url(http://www.cnr.cn/2021/images/Communist100th/close_btn.png); */
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 24px;
height: 24px;
}

.listew {
position: absolute;
/* top: 100px; */
top: 63px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
font-size: 14px;
height: 229px;
}

.listew .itemew {
width: 393px;
height: 24px;
margin: 10px 0;
color: white;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
cursor: pointer;
position: relative;
}

.listew .itemew a {
color: #ffffff;
}

.listew .itemew a:hover {
color: #000000;
}

.listew .itemew i {
margin-right: 10px;
margin-left: 10px;
}

.listew .itemew .play {
width: 18px;
height: 18px;
/* background-image: url(../images/sound.png); */
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
animation: play .6s linear infinite alternate;
-webkit-animation: play .6s linear infinite alternate;
}

.listew .itemew .pause {
width: 18px;
height: 18px;
background-image: url(../images/play.png);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
}

.listew .hover {
/* background-image: url(../images/wzdi_03.png); */
/* background-size: cover;
background-position: 0 0;
background-repeat: no-repeat; */
background-color: rgb(240, 240, 240);
width: 393px;
height: 24px;
border-radius: 30px;
}

.listew .hover a {
color: black;
}

.listew .itemew.hide {
display: none;
}

.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: .2;
}

@keyframes play {
0% {
    background-image: url(../images/01.png);
}

7.1% {
    /* 动作2 */
    background-image: url(../images/02.png);
    ;
}

14.2% {
    /* 动作3 */
    background-image: url(../images/03.png);
}

21.3% {
    /* 动作4 */
    background-image: url(../images/04.png);
    ;
}

28.4% {
    /* 动作5 */
    background-image: url(../images/05.png);
}

35.5% {
    /* 动作6 */
    background-image: url(../images/06.png);

}

42.6% {
    /* 动作7 */
    background-image: url(../images/07.png);

}

49.7% {
    /* 动作8 */
    background-image: url(../images/08.png);
    ;
}

56.8% {
    /* 动作9 */
    background-image: url(../images/09.png);

}

63.9% {
    /* 动作10 */
    background-image: url(../images/10.png);

}

71% {
    /* 动作11 */
    background-image: url(../images/11.png);

}

78.1% {
    /* 动作12 */
    background-image: url(../images/12.png);

}

85.2% {
    /* 动作13 */
    background-image: url(../images/13.png);

}

92.3% {
    /* 动作14 */
    background-image: url(../images/14.png);

}

100% {
    /* 动作15 */
    background-image: url(../images/15.png);

}
}

@-webkit-keyframes play {
0% {
    background-image: url(../images/01.png);
}

7.1% {
    /* 动作2 */
    background-image: url(../images/02.png);
    ;
}

14.2% {
    /* 动作3 */
    background-image: url(../images/03.png);
}

21.3% {
    /* 动作4 */
    background-image: url(../images/04.png);
    ;
}

28.4% {
    /* 动作5 */
    background-image: url(../images/05.png);
}

35.5% {
    /* 动作6 */
    background-image: url(../images/06.png);

}

42.6% {
    /* 动作7 */
    background-image: url(../images/07.png);

}

49.7% {
    /* 动作8 */
    background-image: url(../images/08.png);
    ;
}

56.8% {
    /* 动作9 */
    background-image: url(../images/09.png);

}

63.9% {
    /* 动作10 */
    background-image: url(../images/10.png);

}

71% {
    /* 动作11 */
    background-image: url(../images/11.png);

}

78.1% {
    /* 动作12 */
    background-image: url(../images/12.png);

}

85.2% {
    /* 动作13 */
    background-image: url(../images/13.png);

}

92.3% {
    /* 动作14 */
    background-image: url(../images/14.png);

}

100% {
    /* 动作15 */
    background-image: url(../images/15.png);

}
}

.tip {
display: none;
}