/* 存放css初始化的代码 */
html,body,ul,li,p,h1,h2,h3,form,img {
margin:0;
padding:0;
}
img {
border: none;
}
ul {
list-style: none;
}
input {
padding-top:0;
padding-bottom:0;
border: none;
}
a {
text-decoration: none;
}
body {
}
p {
font-size: 16px;
color: #626262;
text-indent: 2em;
margin: 16px 16px 0px 0px;
}
.fl {
float: left;
}
.fr {
float: right;
}
/*清除浮动*/
.clearfix:after {
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
/*兼容IE6*/
.clearfix {
zoom: 1;
}
.temp{
margin: 50px auto;
width: 900px;
height: 200px;
}
.temp_l{
width:450px;
height:200px;
}
.temp_r{
width:450px;
height:200px;
cursor:pointer;
position: relative;
}
.temp_r:hover{
color:#2867c2;
}
#uuUl .created{
margin: 20px 0px 0px 0px;
font-size: 14px;
color: #626262;
position: absolute;
bottom: 0px;
}
#uuUl .author{
margin: 20px 0px 0px 260px;
font-size: 14px;
color: #626262;
position: absolute;
bottom: 0px;
right: 30px;
}
.thumbnail{
width: 360px;
height: 200px;
}
#uudetail,#uulist{
display:none
}
.Detail_head{
width: auto;
height:auto;
padding: 10px 0px 0px 0px;
}
#uudetail .created{
margin: 0px 0px 0px 0px;
font-size: 14px;
color: #626262;
}
#uudetail .author{
margin: 0px 0px 0px 260px;
font-size: 14px;
color: #626262;
}
#uudetail img{
width:auto;
height:auto;
max-width:50%;
max-height:50%;
}
.Detail_Bottom{
width: auto;
height: 100px;
}
.sideBar{
position:fixed;
right: 20px;
bottom: 100px;
width: 80px;
}
/* 预加载 */
#loading{
width:100px;
height:100px;
margin:0 auto;
-webkit-transform:scale(0.6)
}
#uuloading{
width:100px;
height:100px;
margin:0 auto;
margin-top: 200px;
}
.block{
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
background-color:#efefef;
height:36px;
width:15px;
float:left;
-webkit-transform:scale(0.4);
-webkit-animation-name: fade;
-webkit-animation-duration: 0.7s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
}
#rotate_01{
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
margin-left:1px;
margin-top:30px;
-webkit-animation-delay: .3s;
}
#rotate_02{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
margin-left:-5px;
margin-top:3px;
-webkit-animation-delay: 0.4s;
}
#rotate_03{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
margin-left:12px;
margin-top:-8px;
-webkit-animation-delay: 0.5s;
}
#rotate_04{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
margin-left:14px;
margin-top:3px;
-webkit-animation-delay: 0.6s;
}
#rotate_05{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
margin-left:-4px;
margin-top:30px;
-webkit-animation-delay: 0.7s;
}
#rotate_06{
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
margin-left:68px;
margin-top:-8px;
-webkit-animation-delay: 0.8s;
}
#rotate_07{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
margin-left:-43px;
margin-top:2px;
-webkit-animation-delay: 0.9s;
}
#rotate_08{
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
margin-left:-72px;
margin-top:-8px;
-webkit-animation-delay: 1s;
}
@-webkit-keyframes fade{
0%{background-color:#333;}
100%{background-color:#efefef;}
}