@charset "utf-8";
/* CSS Document */


ul,li,body{margin:0; padding:0; list-style:none}
body{ font-size:14px; overflow:hidden;  font-family:'方正兰亭黑','微软雅黑',Arial, Helvetica, sans-serif; line-height:180%; color:#4c4c4c;background:#ebebeb;}
a{ text-decoration:none; color:#a3a3a3}
img{ border:none;}
.datalist{ width:1240px; margin:0 auto; padding-bottom:60px; }
.datalist li{ overflow:hidden; padding-top:2px; }
.datalist .date{ float:left; text-align:right; font-size:17px; margin-top:-6px; color:#999; width:130px; padding-left:48px; }
.datalist .date span{ display:block; word-break:break-all;}
.datalist .infosbg {width:890px;float:right;border-left:1px solid #d3d3d3; position:relative;padding-bottom:30px; padding-right:138px;}
.datalist li:last-child .infosbg {padding-bottom:0;}
.datalist .infos{ width:838px; background:#fff;  float:right; border-radius:3px; overflow:hidden   }
.datalist .infosbg .tp{ width:9px; height:9px; overflow:hidden; background:#ebebeb; border:1px solid #d3d3d3; border-radius:9px; position:absolute; left:-6px; top:0; outline:2px solid #ebebeb}
.datalist .infosbg .tp.now{ background:#ec4e00; border:1px solid #ec4e00}
.infos .txts{ padding:20px;}
.infos .title{ font-size:20px; line-height:150%; word-break:break-all; }
.infos .share{   text-align:right; padding-top:10px; font-size:16px; }
.infos .share a{color:#a6a6a6;}
.infos .share img{ margin-left:10px; position:relative; top:2px}
.infos .imgs { line-height:0;  overflow:hidden}
.infos .imgs a{ display:inline-block;width:418px; height:235px; margin-right:2px; margin-bottom:2px; overflow:hidden}
.infos .imgs a img{ width:100%}
.infos .imgs a.last{ width:838px; height:471px; margin:0}
.infos .weibo .p img{ border-radius:30px}
.infos .weibo .p{ float:left;}
.infos .weibo .w-info{ margin-left:80px; font-size:20px}
.infos .weibo .w-name{ padding-bottom:10px}
.infos .weibo .w-txt{ line-height:150%; font-size:20px }


.share-con a,.share-icons{ line-height:0;}
.sharebtn{display:inline-block;background:url(http://resource.xiaomi.net/816/btn.png) no-repeat; width:36px; height:36px;}

.sharebtn.txt{ display:inline-block;background:url(http://resource.xiaomi.net/816/s.png) no-repeat 100% 0; padding-top:5px; height:31px; padding-right:30px;  }
.sharebtn.txt:hover{ background-position:100% 100%; color:#EB5727}

.sharebtn.link{ background-position:0 0;  }
.sharebtn.link:hover{ background-position:0 100%}

.sharebtn.sina{ background-position:-36px 0;}
.sharebtn.sina:hover{ background-position:-36px 100%}

.sharebtn.hide{ background-position:-108px 0;}
.sharebtn.hide:hover{ background-position:-108px 100%}

.sharebtn.closelink{ background-position:-108px 0; float:right}
.sharebtn.closelink:hover{ background-position:-108px 100%}
.linktxtbg{ overflow:hidden;}
.inplinktxt{ border:none;width:395px; color:#808080; float:right; margin-top:10px;}

.inplinktxt::selection{background:#ffe7db; color:#808080;font-size:14px; }
.playerbg{ position:relative;width:838px; height:471px; overflow:hidden}
.playerbg img{ width:100%}
.icon-play {background:url(http://resource.xiaomi.net/816/playbtn.png) no-repeat center center; width:100%; height:100%;position: absolute; left:0; top:0}

.datalist .infos.flash{animation:flash 1s ease-in-out;}
.refresh{ text-align:center; padding-top:40px; width:1102px; text-align:right; margin:0 auto; padding-right:138px}
.refresh input{ position:relative; top:2px}
.refresh span{ margin:0 10px; margin-left:12px; color:#d3d3d3; font-size:12px; position:relative; top:-1px}
.refresh label{ color:#818181; cursor:pointer; font-size:14px;}
.refresh label:hover{color:#ec4e00}
.refresh a{ display:inline-block; background:url(http://resource.xiaomi.net/816/re.png) no-repeat; height:20px; padding-left:25px; line-height:20px; color:#818181}
.refresh a:hover{ background-position:0 100%; color:#ec4e00}
@keyframes flash{
0%{background:#fff;} 
50%{background:#fce6da;} 
100%{background:#fff;}
} 



/* 小宽度 */
@media only screen and (max-width: 1442px){
  .refresh{ width:852px; padding-right:128px}
  .datalist{ width:980px;}
	.datalist .date{ width:60px; padding-left:52px; font-size:14px; text-align:left;}
	.datalist .infosbg{width:718px; padding-right:128px}
	.datalist .infos{width:642px;}
	.infos .imgs a{ width:320px; height:180px}
	.infos .imgs a.last{ width:642px;height:360px; margin:0}
	.playerbar-con{ width:980px;}
	.playerbg{ width:642px; height:360px;}
  .infos .title{ font-size:16px;}
  .infos .weibo .w-txt{  font-size:16px }
  .infos .weibo .w-info{font-size:16px}
}
@media screen and (max-width: 480px){
  .refresh{ width:460px; padding:10px 10px 0  0;}
  .datalist{ width:480px;}
	.datalist .date{ padding-left:0; font-size:14px; text-align:left; position:absolute; left:38px}
  .datalist .date span{ display:inline; padding-left:20px}
  .datalist br{ display:none}
	.datalist .infosbg{width:445px; padding-right:15px; padding-top:30px;}
	.datalist .infos{width:425px;}
	.infos .imgs a{ width:425px; height:240px; margin-right:0; margin-bottom:1px}
	.infos .imgs a.last{ width:425px;height:240px; margin:0}
	.playerbar-con{ width:425px;}
	.playerbg{ width:425px; height:240px;}
  .infos .title{ font-size:16px;}
  .infos .weibo .w-txt{  font-size:16px }
  .infos .weibo .w-info{font-size:16px}
  .inplinktxt{ width:210px;}
}