body,h1,h2,h3,h4,p,form,ol,ul{  
  margin: 0;
  }
ol,ul{padding:0;}
html,textarea,input,option,select,button{font:1.2em Hiragino Sans GB,微软雅黑,黑体,Arial,sans-serif;color:#222;}
h1,h2,h3,h4{font-weight:800;}
textarea:focus,input:focus{outline:none;}
::selection{background:rgba(0,149,255,0.1);}
ul{list-style-type:none;}
a{color:#017a85;text-decoration:none;}
img{border:0 none;}
.o{overflow:hidden;zoom:1;}
.l{float:left;}
.r{float:right;}


<!--主体CSS-->
.c:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
* html .c{height:1%;}

#m{width:800px;margin:0 auto;padding-bottom:5em;padding-top: 2.3em;}

.Cr{font-family:Hiragino Sans GB,微软雅黑,黑体,Arial,sans-serif;}


.h{pointer-events:none;opacity:0;}/*display:none;*/
.imoe-header{width:100%;height:129px;background:rgba(0,0,0,0.9);transition: opacity .3s ease,margin .3s ease;overflow: hidden;display:none;}
.l {float: left;color:#556677;}
.imoe-header h1{height: 129px;width: 120px;margin: 0;padding-left: 37px;line-height: 2.3em;font-size:3em;}
.imoe-header h2{height: 129px;margin: 0;margin-right: 37px;line-height: 2.3em;font-size:3em;}
.imoe-header h1 a{color:#f0fcfe;}

#menu{width:100%;height:0px;background:#E0EEEE;transition: height .7s;}
#ms{opacity: 0;;transition: opacity .7s;text-align:center;line-height:2em;}
#ms li{display:inline-block;padding: 0 1.5em;}
#ms li span{font-size:1.9em;line-height:3.8em;}

header{text-align:center;padding:5em 0;background:#FFCC66;z-index:999;}
header a{color:#757575;text-decoration: underline;transition:0.5s;
-moz-transition:0.5s;   /* Firefox 4 */
-webkit-transition:0.5s;    /* Safari 和 Chrome */
-o-transition: 0.5s;}
header a:hover{color:#222;text-decoration: none;    }
header img{border: 13px solid #fdfdfd;border-radius:50%;height:10em;display:block;margin:0 auto;}


h1{font-size:4em;line-height:1.5;}
header p{padding:.7em 0;color:#556677;height: 9px;}


#nav{text-align:center;font-size:1.1em;padding:5.5em 0 0em 0em;overflow:hidden;background:#FFCC66;}
#nav li{display:inline-block;vertical-align:top;padding:0 .3em;}
#nav li a{display:block;padding:.5em 1em;border-radius:0em;color: #556677;font-weight: 800;}
#nav li a.a{color:#FFF;background:#f8525a !important;border-radius:0em;}
/* 
#nav li a.a{color:#222;
    -webkit-transform:scale(1.2);//translateY(-2px);
    transform:scale(1.2)}
*/

article{padding:1em 0;}
.p-title{font-size:1.5em;line-height:1.2em;padding:.2em .2em 0;text-align:center;}
.p h2{color:#444;text-shadow: 0px 0px 6px #ddd;}
.p a:visited{color:#899;}

.cover{background:url(loading.gif) 50% 50% no-repeat;text-align:center;}
.cover img{max-width:100%;display:inline-block;border-radius:0em;}
.cover img.h{min-height:300px;}


.p-text h3{padding:2em 10px 1em;font-size:1.5em;}
.p-text h4{padding:1em 10px 0;font-size:1.3em;}

.p-text p{line-height:2em;padding:1em 0;text-indent:0em;font-size: 1.2em;color: #666;}
.p-text img{max-width:100%;}
.p-text p img{max-width:100%;display:block;margin:0em auto;border-radius:.5em;}
.p-text del{color:#999;font-size:.8em;}
.p-text blockquote {background: #EEE;padding: 0 2em;color: #333;}
.p-text ul{list-style-type:disc;padding:1em 1em 1em 4em;}

.p-text .more{padding:0 0 2em;text-align:center;text-indent:0;}

.p-meta{line-height:2em;text-align:center;padding: .6em 0 0em 0;}
.p-meta li{padding:0 .2em;display:inline-block;vertical-align:top;font-size: 0.9em;color: #899;}
.p-meta li span{margin-right: 9px;font-size: 14px;}
.p time{display:block;color:#666;}

/*滚动条颜色类定义*/

html::-webkit-scrollbar-track-piece{background:#444}
html::-webkit-scrollbar{width:6px;height:2px}
html::-webkit-scrollbar-thumb{height:40px;background-color:#666}
html::-webkit-scrollbar-thumb:hover{background-color:#888}


.at{color:#05A;}

.loading{height:300px;background:url(loading.gif) 50% 50% no-repeat;}
.banner{font-size:3em;padding:1em;text-align:center;}

#more{font-size:2em;padding-bottom:2em;text-align:center;}
#more a{padding:1em 0;border-radius:0em;display:block;}
#more a:hover{background:#eaf4fc;}

#m .DS form p{padding:5px 0;}
.text{border:1px solid #FFF;background:#EEE;border-radius:.5em;}
#m .text,#m .DS textarea{padding:.3em .5em;margin:0;display:block;}

xmp{display:none;}

a,input{transition:.3s ease;}

.DS{padding-top:3em;}
.DS-post{margin:1em;}
.DS .DS-smile b{padding:.3em 1.2em 1.5em;}
.DS .DS-smile.a b{padding:.6em 1.2em .8em;}

.cover img,header img{transition:opacity .3s ease;}

footer {bottom: 0;position: relative;border-top: #66CCCC 1px solid;background: #66CCCC;padding: 3.7em;margin-top: 60px;text-align: center;}
footer .rss {
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
border-bottom: 100px solid #66CCCC;
position: absolute;
top: -66px;
left: 50%;
display: block;
-moz-transition: box-shadow 400ms;
transition: box-shadow 400ms;
    margin-left: -70px;
}
.footera{color:red;}
@media(max-width:800px){
    #nav li a{font-size:1.44em;}
    header img{border: 0px solid #fff;}
    header h1{display: none;}
    .imoe-header{display: block;}
    #m{width:720px;}
    .p-title {font-size: 2.2em;}
    .p-text img{max-width:672px;}
    .p-text p{font-size:1.6em;}
    .p-text p img{max-width:720px;}
    .p-meta li{font-size:1.3em;}
    #m .DS{width:660px;font-size:1.4em;}
    article{padding:1.3em;margin-bottom:30px;}
    p{-webkit-text-size-adjust:100%;font-size:1.5em;}
    .footer{font-size:1.6em;color:#666;}
}
@media(max-width:720px){
    .cover img,.p-text p img{border-radius:0;}
}

/*背景图（大）
body{background-image:url('i/bgv3.gif');background-repeat:no-repeat;background-position:top center;background-attachment:fixed}.dl{display:inline-block;padding:10px 20px;width:200px;border-radius:6px;text-align:center;color:#0269e2;border:2px solid #0269e2;text-decoration:none}.dl:hover{opacity:.9}.dl img{margin-right:5px}.sep20{height:10px}
*/

/*背景图（小－左下兔子）

body{ background:url(https://ww2.sinaimg.cn/large/a15b4afegw1ep0ufg2ds0j206z0aomxf)
left; background-repeat:no-repeat; background-attachment:fixed; background-position:bottom
left;}
*/