/*网址页样式*/

<li style="list-style:none;float:left;background-color:red;padding:5px;padding-right:30px;">
  <a href="//caisiduo.xyz" target="_blank">
  <img src="http://secure.gravatar.com/avatar/ee9eb7aadbca049982752b2ba7006d33?s=60" style="border-radius:9em;float:left;padding:5px;">
  </a>
  <div style="float:left; padding-left:15px">
    <a href="//caisiduo.xyz" target="_blank">
  		<h3 style="margin-bottom: 0px;margin-top:2px;color:black;">蔡锶铎</h3>
  		<span style="margin-top:0px;color:grey;font-size:0.8em">11111111111111111</span>
    </a>
    <div>
     <a href="//caisiduo.xyz" target="_blank">
    </a>
</div>
  </div>
</li>

/*
ul{

}
ul li{
float:left;
} 
ul li img{width:60px;height:60px;
	background:#EEE;border-radius:9em;
	top:15px;left:15px;}
	
ul h3{font-size:1.3em;line-height:40px;padding-top:3px;}

/*
.hp{padding:1em;}
.hp li{float:left;position:relative;margin:0 1em 1em 0;}
.hp a{border-radius:.5em;
	height:90px;width:140px;
	float:left;padding:0 10px 0 90px;}
.hp a:hover{}
.hp li i{position:absolute;top:0;left:0;}
.hp li img{width:60px;height:60px;
	background:#EEE;border-radius:9em;
	position:absolute;top:15px;left:15px;}
.hp li img.def{background:none;}


.hp a[href]:hover{background-color:rgba(255,238,102,.26);}

.hp h2{padding:50px 0 10px;}

.hp .hr{display:block;clear:both;float:none;}

.hp .bad{opacity:.3;
	-webkit-filter:grayscale(100%); 
	   -moz-filter:grayscale(100%); 
		-ms-filter:grayscale(100%); 
		 -o-filter:grayscale(100%); 
			filter:grayscale(100%); 
			filter:gray;}

.hp h3{font-size:1.3em;line-height:46px;padding-top:8px;}
.hp span{color:#999;font-size:.8em;display:none}
/*.hp span{position:absolute;top:100%;left:0;width:100%;
	font-size:.8em;text-align:center;
	background:#222;color:#FFF;
	opacity:0;}*/
/*.hp a:hover span{opacity:1;}

.hp p{color:#999;font-size:.8em;}*/