/* CSS 天涯区 Document */
.banner{height: 500px;background-repeat: no-repeat;background-position:center top;}
.biaoyu{background: url("by01.png") no-repeat center center;background-size: 100% auto;height: 120px;}
/*栏目导航样式*/
.nav{background: #FFFFFF;height: 50px;}
.nav ul{display:table;text-align:center; margin:0 auto;}
.nav li{ float:left; text-align:center; padding: 0px 20px;line-height: 50px;font-size: 18px;}

.ztlm{margin: 0 auto;display: table;text-align:center;}
.ztlm div{text-align: center;font-size: 18px;white-space:normal;float: left;padding: 0px 10px 6px 10px;color: #d90000;}
.ztlm .div_ind{border-bottom: solid 2px #d90000;}


/*------------焦点图片-------------*/
.bigdiv4{width: 100% ;height:380px;margin: 0px auto;overflow: hidden;}
.bei_b {background-color: #FFF;}
#wtjjdt{width: 640px;position:relative;margin: 0px auto;height:350px; margin-right: auto;margin-left: auto;}		
.wtjjdt .tp{width:100%;height: 100%;}
.wtjjdt .tp li,
.wtjjdt .tp li .bk{position:absolute;top:0px;left: 0px; width:100%;height: 100%;}
.wtjjdt .tp li .xtp,
.wtjjdt .tp li .xtp img{width:100%;height: 100%;}
.wtjjdt .tp li .bt{position:absolute;font-size: 16px;text-align: center;padding: 10px 0px; width: 100%;height: 30px; bottom: 0px;background:rgba(0,0,0,0.2);color: #FFF;}
.wtjjdt .tp li .bt a{color: #FFF;}		
.wtjjdt .dian{display:table;text-align:center; margin:10px auto 0px auto;}
.wtjjdt .dian li{line-height: 10px;height: 12px;width: 12px;float: left;margin: 0px 5px;border-radius: 6px;background-color: #eee;}
.wtjjdt .dian .li2{background-color: #FFA300;}
.wtjjdt .more{position: absolute;right:10px;bottom:10px;width: 34px; line-height:18px; height:20px;z-index: 11;font-size:14px; text-align:center;background-color: rgba(255,255,255,0.50);}	
.wtjjdt .zuo{position: absolute;  top:calc(50% - 30px);width: 30px;right:-30px; height:50px;background:rgba(0,0,0,0.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAABp0lEQVRIia3XL2hVURwH8J9vsImwgWGDpRlMs2jasFhETWZtZo1b0KRtLGtzVTG5YhYMmtZMr2h5sJWB4lDE6cdw99h9513h+X7nB6fd+wnnz/f8TuAhvuEVziFqjMCR03qP8zXgXkS8idO6GhHvImI5soVZvDRan3AxOxWBHp4V+D4uZ+HheFLgX3CtBhx4gN8t/Dtu14ADd/Gzhf/CvRpw4JbRrfgHGzXgwDoOi3nfwpksHLiEQYE/x0wWDlxAv8BfYy4LB5awV+BvMZ+FAwsnWLv2sJiFA2exW+B9rGTh0CzcToEPsJqFQ7Pltgv8EGtZeDg2NYdnWEe4XgMOzXE/buH7vXSgt6K9DPrs2OiYihvZxdvqWLz1zOLNaPKiXQNNrky93eY0OdGuviZPYlp4XveRXiq//R90UXcILXR9Pym6Yjw2dzW50fnPJOiq8aDfkQz6NeNX07bk1XTT+GW6OeHU/RO+Y/T6P1bh+r9vtGH5oULD8riYz6+SLVYPTwv0AFemQYfwLF4U6GcV2tiyN/6I5Qw6hNtb6oNKT4XAoxO86uPmLxhZ4qT+jvTeAAAAAElFTkSuQmCC) no-repeat center center ;background-size: auto 50%; border-radius: 0px;transition:all 0.2s ease-in-out;}
.wtjjdt .you{position: absolute; top:calc(50% - 30px);width: 30px;left:-30px; height:50px;background:rgba(0,0,0,0.4) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAABu0lEQVRIibXXLWxUQRAA4KEllJDQBAFJFYgqmhAcuBoIDg0K0DiKAFUJ1UiK5MfwI1FV4HAYzoCgCRgCCVDSFPoh9h4sm7v27naZZMy9vS8vs7vzdgPRKA/gIb7iRiv0EF74G9/3Rn3MRcTziDiR/fas9k3n8da/8QD7atCT+FCgdzCFmBRdxOcCXc7HTIKex0YG/sLVcty46CVsZegmLg4aOw56DdsZ+g3nho0fBdyDW0U9P+H0Tv/bDZ3G3QJdx8JuL7TTwxk8LtAejo1SumEPDmKtQF/hyCjoMPhwH8ljDbOjooPgo3hToE+xfxy0hI/jfYHekyZw3PX+Bz4lLaE8VqSlNjbawWekxd7FNq5PCuZw3qF+4kotipga0Lg1aP4RODugFEstShHSvi8n73bt5HW5IPWBPFZVLrd8g/QK/InUN6rgkPpB8y3d5az/0IS6nOmXIY9ev1xVcEgTt1rg61JfqYJDWnIrBV79acpzSeOPaZ6XpX7SxSYutIBDOrD8yPAmB5YuF/GlqPtyCzikQ+HHAq8+FHY5j3cFXn2M7XIOrwv8fgs4pKvCywzeaAWHdLl5JF1ubv4GPX/ihEoZsWUAAAAASUVORK5CYII=) no-repeat center center;background-size: auto 50%;border-radius: 0px;transition:all 0.2s ease-in-out;}
.wtjjdt:hover .zuo{ }
.wtjjdt:hover .you{}
.wtjjdt .zuo:hover{background-color:rgba(255,0,0,0.5);}
.wtjjdt .you:hover{background-color:rgba(255,0,0,0.5);}
.wtjjdt .zuo:active,#wtjjdt .you:active{background-color:rgba(255,0,0,0.6)}
.wtjjdt .zuole{background-color: rgba(255,255,255,0.6);position: absolute;height:100%;width: 300px;left:-300px;top: 0px;}
.wtjjdt .youle{background-color: rgba(255,255,255,0.6);position: absolute;height:100%;width: 300px;right:-300px;top: 0px;}

.bianju_20px{height: 20px;}
/*------------列表图标时间通用-------------*/
 .lb .an{font-size:12px;color:#999999;line-height:14px;padding-top:4px;height: 18px;}
 .lb .an .tb{width:35px;margin:0px 10px 0px 0px;text-align:center;float:left;border: solid 1px #e0e0e0;background: #FFFFFF}
 .lb .an .tb a{color:#999999;}
 .lb .an .sj{width:55px;float:left;text-align:left;}
 .lb .an .fx{width:24px;height: 14px; float:right;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAEhJREFUGJWNzrsNgDAQRMGxu4COqAPaog56uZxPGQ44AiSQ/KLVRFsiYsLqbsaWu8tLRBwYEk6Mubu8eld89+sVCy7sefWpyxvb7hgRzrxQvQAAAABJRU5ErkJggg==) no-repeat center center}    
 /*-------文字列表1--------*/
.wz1 ul{display: -webkit-flex;flex-wrap:wrap;}/*左到右排版不乱*/
.wz1 .lb{float:left;width:100%;box-sizing: border-box;padding: 0px;}
.wz1 .bk{padding:5px 0px;border-bottom:1px solid #EEE;float:left;width:100%;box-sizing: border-box;}
.wz1 .lb .xtp{width:140px;height: 86px;float:left;overflow:hidden;padding:0px 16px 0px 0px}
.wz1 .lb .xtp a,.wz1 .lb .xtp img{width:100%;height:100%}
.wz1 .lb .bt{font-size:18px;line-height:30px;overflow: hidden;}
.wz1 .lb .bt a{white-space:normal;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}     
.wz1 .lb .zt_sm{color: #666666;font-size: 80%;}   
/*------------图片列表1-------------*/
.tplb1 ul{display: -webkit-flex;flex-wrap:wrap;}/*左到右排版不乱*/    
.tplb1{width: 100%;}
.tplb1 .lb{float:left;width:50%;box-sizing: border-box;padding: 10px 10px 0px 0px;}
.tplb1 .lb .bk{position: relative;box-sizing: border-box;overflow: hidden;}
.tplb1 .lb .xtp{height: 120px;}.tplb1 .lb .xtp a,.tplb1 .lb .xtp a img{width:100%;height: 100%;}
.tplb1 .lb .bt{font-size:100%;line-height:28px;text-align: center;display: table;width: 100%;height: 30px;overflow: hidden;} 
.tplb1 .lb .bk .bt a{vertical-align:middle;display:table-cell;max-height: 60px;width: 100%;text-align: center;}
.tplb1 .lb .an{display: none;} 
@media screen and (min-width:800px){ 
    .nav li .dtext{display: none;}
.jg2 .zb{width: 49%;float: left;}.jg2 .yb{width: 49%;float: right;}   
.bianju_200px{height: 300px;}
.bk1{padding: 10px 30px;border-radius: 4px;} 
   /*文字1效果，底线*/ 
.wz1xg1{width:calc(100% + 20px)}     
.wz1xg1 .lb{width:50%;padding-right: 20px;}
.wz1xg1 .bk{}    
 /*文字1效果，四边线，背景白*/   
.wz1xg5{width:calc(100% + 12px)}     
.wz1xg5 .lb{width:33.3%;padding-right: 10px;padding-top: 10px;} 
.wz1xg5 .bk{border:1px solid #EEE;padding: 10px;background: #FFFFFF;} 
.wz1xg5 .lb .xtp{width:45%;float:right;padding:0px 0px 0px 16px}
 
  /*文字1第一个效果2，图片标题压图上下排*/ 
.wz1dg2 ul{display:inline;}     
.wz1dg2 .lb:nth-child(1) .bk{position:relative;padding: 0px;}    
.wz1dg2 .lb:nth-child(1) .xtp{height: 300px;padding: 0px;width:100%;}
.wz1dg2 .lb:nth-child(1) .bt{position:absolute;bottom: 0px;background: rgba(0,0,0,0.4);width: 100%;text-align: center;height: 36px;}
.wz1dg2 .lb:nth-child(1):hover .bt{background: #00aed7;height: 72px;animation: wzxg1 0.2s;}
@keyframes wzxg1{0% {background: rgba(0,0,0,0.4);height: 36px;}100% {background: #00aed7;height: 72px;}}    
.wz1dg2 .lb:nth-child(1) .bt a{color: #FFF;}  
.wz1dg2 .lb:nth-child(1) .an{display: none;} 
    
/*图片1效果，文压图*/ 
.tp1xg1{width:calc(100% + 10px)}     
.tp1xg1 .lb{width:33.3%;height: 240px;}
.tp1xg1 .lb .bk,.tp1xg1 .lb .xtp,.tp1xg1 .lb .xtp a,.tp1xg1 .lb .xtp a img{width:100%;height: 100%;}    
.tp1xg1 .lb .bk .bt{font-size:125%;line-height:36px;position: absolute;left: 0px;bottom: 0px;box-sizing: border-box;padding: 0px 10px;background: rgba(0,0,0,0.4);} 
.tp1xg1 .lb .bk .bt a{color: #FFF;}   
.tp1xg1 .lb .bk:hover .bt{height: 100%;animation: tpxg1 0.2s;}
@keyframes tpxg1{0% {height: 30px;}100% {height: 100%}}     
  /*图片1单个效果1，图片3张错位排*/    
.tp1dg1 ul{display:inline;} 
.tp1dg1 .lb{width:40%;height: 300px;}    
.tp1dg1 .lb:nth-child(3){width:20%;}  
.tp1dg1 .lb:nth-child(3) .xtp{width:200%;position: relative;left: -50%;}
.tp1dg1 .lb:nth-child(4){width:20%;}  
.tp1dg1 .lb:nth-child(4) .xtp{width:200%;position: relative;left: -50%;}    
 
 /*图片1单个效果2，图片345张变形*/    
.tp1dg2 ul{display:inline;} 
.tp1dg2 .lb{width:25%;height: 200px;}    
.tp1dg2 .lb:nth-child(2){height:400px;float:right;}  
.tp1dg2 .lb:nth-child(2) .xtp{width:200%;position: relative;left: -50%;}
.tp1dg2 .lb:nth-child(3){width:50%;height:400px;float:right;}  
.tp1dg2 .lb:nth-child(5){width:50%;}  
.tp1dg2 .lb:nth-child(5) .xtp{height:200%;position: relative;top: -50%;}   
    
/*图片1单个效果4，图片345张变形*/ 
.tp1dg4 ul{display:inline;} 
.tp1dg4 .lb{width:25%;height: 180px;}    
.tp1dg4 .lb:nth-child(1){width:50%;height: 360px;}
.tp1dg4 .lb:nth-child(2){height: 360px;}  
.tp1dg4 .lb:nth-child(2) .xtp{width:200%;position: relative;left: -50%;}    
.tp1dg4 .lb:nth-child(7){width:50%;} 
.tp1dg4 .lb:nth-child(7) .xtp{height:200%;position: relative;top: -50%;}      
}
/*窄屏显示*/     
@media screen and (max-width:800px){
    .bianju_24px {line-height: 0px;height: 0px;}
.banner{height: 30vw;background-size: auto 30vw;background-position:top center;padding:  0px;}
    .bianju_200px{height: 28vw;}
    .bigdiv3 {width: 100%;}
    .bk1{padding: 10px;} 
    .nav{background: #eeeeee;display:block;height: 40px;overflow: hidden;border-top: solid 2px #D90000}
    .nav li{line-height: 40px;padding: 0px 6px;}
    .nav li .ctext{display: none;}
    .bigdiv4{height:60vw;}
    #wtjjdt{height: 60vw;width: 100%;}
    .wtjjdt .zuo{right:0px;}
.wtjjdt .you{left:0px;}	
.jg2 .zb{width: 100%;}.jg2 .yb{width: 100%;box-sizing: border-box;background-color: #FFFFFF;}
    .bk2{padding: 10px;}
 .tp1xg1{width:calc(100% + 10px)}  
 /*图片1单个效果2，手机适*/ 
    .tp1ph1 .lb:nth-child(1){width:100%;} 
    .tp1ph1 .lb:nth-child(1) .xtp{height: 60vw;}
}   
   
}