/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,img,a{ margin:0; padding:0; font-weight: normal;}
body { background:#fff; color:#000; font-size:18px; font-family: "Microsoft YaHei","Arial","黑体","宋体",sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
a { color:#000; text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px "Arial","Microsoft YaHei","黑体","宋体",sans-serif; border: none;outline: none;}

/*公共样式*/
.clearfix:after {content: ""; display: block; height:0; clear:both; visibility: hidden;font-size: none;}
.fl {float:left}
.fr {float:right}
.container_wrap{width: 1200px;margin: 0 auto;height: 100%;}


/*独立样式*/
.container{width: 100%;overflow: hidden;color: #000;font-size: 16px;}

/*头部logo及nav导航*/
header{width: 100%;height: 371px;}
.header_t{width: 100%;height: 311px;background: url(yayunhuizhuanti_banner_20180813wf.jpg) no-repeat center top;background-size: cover;}
.nav{width: 100%;height: 60px;background-color: #35bba8;}
.nav a{display: block;color: #fff;font-size: 20px;font-family: "Microsoft YaHei";height: 60px;line-height: 60px;margin: 0 22px;}
.nav a:first-child{margin-left: 0;}
.nav a:last-child{margin-right: 0;}
.nav a:hover{font-weight: bold;}

.content_t{overflow: hidden;width: 100%;margin-top: 20px;height: 420px;margin-bottom: 32px;}
.content_t .image{display:block;width: 750px;height: 100%;position: relative;margin-right: 26px;overflow: hidden;}
.content_t .image img{width: 100%;height: 100%;transition: all 0.5s;}
.content_t .image:hover img{transform: scale(1.1);}
.content_t .image b{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(focusbg1_20180813wf.png) center bottom repeat-x;z-index: 10;}
.content_t .image .img_desc{position: absolute;left: 10px;right:10px;bottom: 0px;font-weight: bold;color: #fff;font-size: 26px;line-height: 60px;z-index: 15;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_t .text{width: 424px;height: 100%;overflow: hidden;}
.content_t .text h2{font-size: 30px;font-weight: bold;margin-top: -6px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.content_t .text h2 a{font-weight: bold;}
.content_t .text ul{width: 100%;margin: 12px 0px;}
.content_t .text li{font-size: 18px;height: 20px;line-height: 20px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content_t .text li i{display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #000;vertical-align: middle;margin-right: 10px;}

.content_b{width: 100%;overflow: hidden;}
.content_b_self{width: 100%;height: 100%;}
.content_b .side{width: 423px;margin-right: 38px;height: 100%;}
.content_b .side .rank{width: 100%;height: 482px;margin-bottom: 40px;}
.content_b .side .rank_self{width: 100%;margin-bottom: 40px;height: 100%;}
.content_b .side .rank_top{width: 100%;height: 40px;margin-bottom: 30px;background: url(title-rank_20180813wf.png) no-repeat left bottom;background-size: 100%;text-align: right;line-height: 40px;}

.content_b .side .rank_list{width: 100%;height: 411px;background: url(background_rank_20180813wf.png) no-repeat left top;background-size: 100%;position: relative;}
.content_b .side .rank_list_self{width: 100%;background: url(background_rank_20180813wf.png) no-repeat left top;background-size: 100%;}
.rank_list .time{text-align: right;width: 290px;height: 22px;float: right;text-align: center;position: absolute;right: 4px;bottom: 10px;}
.content_b .side table{height: 372px;}
.content_b .side table th{height: 48px;}
.content_b .side table tr{height: 32px;}
.content_b .side table tr:first-child{height: 48px;}

.content_b .side .rank_list .gold,.content_b .side .rank_list .silver,.content_b .side .rank_list .bronze{width: 76px;}
.content_b .side .rank_list .gold{background: url(logo-gold_20180813wf.png) no-repeat 18px center;text-align: right;}
.content_b .side .rank_list .silver{background: url(logo-silver_20180813wf.png) no-repeat 18px center;text-align: right;}
.content_b .side .rank_list .bronze{background: url(logo-bronze_20180813wf.png) no-repeat 18px center;text-align: right;padding-right: 10px;}

.content_b .video{width: 100%;}
.content_b .video_t{width: 100%;height: 40px;margin-bottom: 30px;background: url(title-video_20180813wf.png) no-repeat left bottom;background-size: 100%;text-align: right;line-height: 40px;}
.content_b .video_item{position: relative;width: 100%;height: 240px;margin-bottom: 30px;}
.content_b .video_item .item_link{position: relative;width: 100%;height: 100%;display: block;overflow: hidden;}
.content_b .video_item .item_link b{display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(focusbg1_20180813wf.png) center bottom repeat-x;z-index: 10;background-size: 100% 110px;}
.content_b .video_item .item_link h3{position: absolute;bottom: 12px;left: 10px;right:10px;font-size: 23px;color: #fff;font-family: "微软雅黑";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 30px;z-index: 15;}
.content_b .video_item .item_link .images{width: 100%;height: 100%;transition: all 0.5s;}
.content_b .video_item .item_link:hover .images{transform: scale(1.1);}
.content_b .video_item .item_link .img_play{position: absolute;left: 50%;top: 50%;margin-left: -28px;margin-top: -34px;width:70px;height: 70px;}

.content_b .list{width: 738px;}
.content_b .list .loadmore{width: 150px;height: 30px;border-radius: 20px;border: 1px solid #0b0b0b;text-align: center;line-height: 30px;margin: 60px 300px;}
.content_b .list_item{width: 100%;height: 196px;border-bottom: 1px solid #e5e5e5;margin-top: 30px;}
.content_b .list_item:first-child{margin-top: 0;}
.content_b .list_item .text{width: 424px;height: 100%;}
.content_b .list_item a{width: 290px;height: 163px;margin-right: 22px;overflow: hidden;}
.content_b .list_item a:hover img{transform: scale(1.1);}
.content_b .list_item img{width: 100%;height: 100%;transition: all 0.5s;}
.content_b .list_item h2{font-size: 22px;margin-bottom: 86px;}
.content_b .list_item span{line-height: 20px;}
.content_b .list_item span.origin{margin-right: 20px;}

/*尾部*/
footer{padding-top: 44px !important;padding-bottom: 50px !important;text-align: center;background: #35bba8;color: #fff;margin-top: 20px !important;font-size: 16px;}
footer p{line-height: 27px;}
footer p a{display: inline-block;color: #fff;}
footer p a:hover{text-decoration: underline;}
footer .jb_mail{width: 165px;line-height: 27px;height: 27px;}
footer .mail{width: 194px;line-height: 27px;height: 27px;}