*{box-sizing:border-box;}.clr:after{ content:"";display: block; clear: both; overflow: hidden;}body,h1,h2,h3,h4,ul{margin:0;padding:0;}body{font-size:16px;font-family:"微软雅黑";color:#333;background:#eee;}a{text-decoration:none;color:#06c;}img{display:block;max-width:100%;}header,footer,nav,section{display:block;}input,textarea{outline:0;font-family:"微软雅黑";font-size:14px;}h1,.h1{font-size:24px;font-weight:normal;}h2,.h2{font-size:20px;font-weight:normal;}h3,.h3{font-size:18px;font-weight:normal;}.wrap{width:80%;min-width:980px;margin:auto;}.clr:after{content:"";display:block;clear:both;}.fl{float:left;}.fr{float:right;}header{position:fixed;width:180px;top:0;background:#f9f9f9;}#logo{background:#06c;padding:20px 0;}nav{padding-top:1px;}nav a{display:block;height:40px;line-height:40px;background:#ddd;padding:0 10px;color:#333;border-bottom:1px solid #eee;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}nav a:hover{background:#06c;color:#fff;}header li{list-style-type:none;padding:10px;color:#999;border-bottom:1px solid #eee;}header li.name,header li.name:hover{color:#333;text-align:center;background:#fff;padding:15px 10px;font-size:18px;}header li span{font-size:12px;display:inline-block;vertical-align:bottom;width:30px;}header li:hover{background:#eee;}header li div{font-size:12px;text-align:center;}header li div img{margin:0 auto;}header li.copy{background:#eee;font-size:14px;text-align:center;}#body{margin-left:180px;overflow:auto;}#main{float:left;background:#fff;width:70%;}#main>div{max-width:800px;margin:auto;}#main>#head{max-width:100%;}#head h1{color:#06c;}#head .link{color:#999;}#head .link h2{display:inline;font-size:16px;}#head .link h2 a{display:inline-block;margin:0 6px 6px 0;}#head .link h2 a:hover{text-decoration:underline;}#head a.view{cursor:pointer;background:#c00;color:#fff;display:inline-block;text-indent:0;font-size:14px;padding:2px 10px;}#head a.view:hover{background:#06c;}#head #mono{height:0;overflow:hidden;}#main .part{border-bottom:10px solid #eee;padding:30px;}#main .part h3 a{display:block;margin-bottom:16px;}#main .part h3 a:hover{text-decoration:underline;}#main .part .pics{position:relative;}#main .part img{display: block; float: left; margin-right:20px}#main .part img.h{display:none;}#main .part span{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.7);color:#eee;padding:5px;font-size:12px;cursor:pointer;}#main .part span:hover{background:rgba(255,0,0,.7);}#bg a.close{float:right;font-size:36px;width:60px;height:60px;background:rgba(255,0,0,.7);color:#fff;text-align:center;line-height:60px;}#bg>div{max-width:800px;margin:auto;position:relative;}#bg h3{color:#fff;text-indent:60px;text-align:center;height:60px;line-height:60px;}#bg img{margin:auto;}#bg a.pn{display:block;width:50%;height:100%;position:absolute;top:0;}#bg .prev{left:0;}#bg .next{right:0;}#bg a.pn:hover{background:rgba(255,255,255,.2);}#main .part p{font-size:16px;text-indent:2em;line-height:1.6em;}#main .part .i{ padding-top:10px;font-size:12px;color:#999;}#main .part .i a{float:right;}#main .part .i a:hover{text-decoration:underline;}.pages{padding:30px 0;text-align:center;font-size:14px;}.pages a{display:inline-block;background:#ccc;color:#333;height:36px;line-height:36px;padding:0 10px;border-radius:1px;margin-left:3px;}.pages a:hover{color:#e00;}.pages a.on{background:#06c;color:#fff;}#main article{padding:30px;line-height:1.8em;}#main article h1{margin-bottom:30px;color:#06c;line-height:1.6em;}#main article .desc{text-align:right;font-size:12px;color:#999;}#main article h2{font-weight:bold;}#main article h2,#main article h3{color:#06c;}#main article h4{font-weight:bold;font-size:14px;}#main article img{margin:auto;}#main article table{width:100%;}#main article table,#main article td{border:1px solid #ddd;border-collapse:collapse;}#main article td{padding:6px;font-size:12px;color:#666;}#main article p{margin: 1em 0; font-size: 16px; line-height: 1.6em; text-indent:2em;}#main article ul{padding-left:2em;list-style-position:inside;}#main article a:hover{text-decoration:underline;}#main article figure{ overflow: hidden; position: relative; display: block;width: 100%; max-width:640px; margin: 0 auto; padding:0;}#main article figure .zx{ position: absolute; width:100px; text-align: center; height: 50px; line-height: 50px; background:#f22645; color: #fff; cursor: pointer;}#main article figure .zx:hover{ text-decoration: underline;}#main article figure img{ display: block; width: 100%;}#main article figure strong{ display: block; text-align: center; padding:10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;}#main article .tags{color:#ccc;padding-top:10px;}#main article .tags span,#main article .tags a{display:inline-block;padding:6px 12px;border:1px solid #ddd;margin:0 2px 2px 0;line-height:1em;}#main article span{color:#333;}.zan{text-align:center;padding-bottom:60px;font-size:14px;}#zan{display:block;width:120px;height:120px;margin:0 auto 12px;background:url(../../zan.png) center no-repeat rgba(0,102,204,.5);border-radius:50%;text-align:center;line-height:200px;color:#fff;}#zan:hover{background-color:rgba(0,102,204,1);}#zan.ed{background-color:rgba(200,0,0,1);}.comment .form textarea{box-sizing:border-box;font-size:16px;line-height:1.8em;width:100%;border:1px solid #ddd;height:160px;padding:10px;margin-bottom:10px;}.comment .form .txt{display:inline-block;width:160px;height:40px;line-height:40px;padding:0 10px;border:1px solid #ddd;margin-bottom:10px;}.comment .form .short{width:80px;}#main .comment .form img{display:inline-block;vertical-align:middle;width:80px;cursor:pointer;}.comment .form .btn{width:160px;background:#c00;color:#fff;border:0;height:40px;padding:0 20px;}.comment .title{font-size:20px;margin:20px 0;border-bottom:1px solid #ddd;padding-bottom:10px;}.comment li{list-style:none;border-bottom:1px dashed #ddd;padding:10px;color:#999;font-size:12px;}.comment li:hover{background:#f5f5f5;}.comment li time{display:inline-block;margin-left:12px;}.comment li div{padding-top:10px;color:#333;font-size:14px;text-indent:2em;line-height:1.5em;}.comment li p{color:#666;}.comment li p:before{content:'Re:';}.comment li a{color:#2d6aea;}.comment .nothing{text-align:center;font-size:24px;color:#999;padding:30px 0;}#main>#abt{max-width:100%;padding:30px;color:#999;font-size:14px;border-top:10px solid #eee;overflow:auto;}#abt .h{padding-bottom:20px;}#abt a{display:block;width:49%;height:36px;line-height:36px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#abt a:nth-child(2n){float:right;}#abt a:hover{text-decoration:underline;}#main>#slide{position:fixed;width:40px;bottom:200px;}#slide a{display:block;height:40px;color:#fff;margin-top:1px;font-size:12px;text-align:center;padding:5px;line-height:1.3em;}#gb{background:#06c;}#totop{background:#333;}#slide a:hover{background:#c00;}aside{float:right;width:300px;width:30%;padding:30px 0 30px 30px;}aside .part{margin-bottom:30px;}aside .h3{padding-left:10px;border-left:3px solid #06c;line-height:1em;color:#06c;margin-bottom:16px;}aside .cont a{display:block;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#333;}aside .cont a:before,#abt a:before{content:"▪ ";}aside .cont a:hover{color:#f60;text-decoration:underline;}#search .btn{height:40px;width:60px;background:#06c;color:#fff;border:0;float:right;}#search form>div{margin-right:60px;overflow:hidden;}#search .txt{height:40px;line-height:40px;padding:0 10px;width:100%;border:1px solid #ccc;border-right:0;}#link a{display:inline-block;color:#666;font-size:14px;}#link a:hover{text-decoration:underline;}#link a.b{display:none;}#win,#bg{position:fixed;display:none;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.3);z-index:999999;}#win.on,#bg{display:block;}#bg{background:rgba(0,0,0,.95);}#win>div{position:relative;width:100%;height:100%;}#win>div>.box{position:absolute;width:640px;height:480px;left:50%;top:50%;margin:-240px 0 0 -320px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;padding:30px;}#win .box a.close{display:block;text-align:right;font-size:30px;margin-top:-10px;cursor:pointer;}#win .box a.close:hover{color:#087cdd;}#gbook>div{margin-bottom:20px;color:#999;font-size:14px;}#gbook li{list-style:none;padding:5px;color:#666;font-size:14px;}#gbook label{display:block;width:60px;text-align:right;font-size:14px;line-height:40px;float:left;}#gbook li>div{padding-left:70px;width:100%;box-sizing:border-box;}#gbook label b{color:#c71127;}#gbook input,#gbook textarea{line-height: 1.6em;color:#333;display:block;margin:0 5px;border:1px solid #ddd;border-radius:4px;height:40px;padding:5px 15px;width:100%;outline:0;box-sizing:border-box;}#gbook input:hover,#gbook textarea:hover{border-color:#ccc;}#gbook input.code{width:120px;float:left;}#gbook input.btn{width:49%;height:45px;padding:0;float:left;margin:0;background:#333;color:#fff;border:0;font-size:16px;opacity:.7;}#gbook input.sbt{float:right;background:#c71127;}#gbook input:hover{opacity:1;}#gbook textarea{height:100px;vertical-align:top;}#code{display:inline-block;margin:0;vertical-align:middle;height:40px;}footer{ display: none; position: fixed; width: 100%; left: 0; bottom: 0; background:#06c; height: 60px;} footer a{ padding: 10px; display: block; float: left; line-height: 40px; text-align: center;} footer img{ display: block; height: 40px; }footer #home{ width: 165px}footer #back{ width: 55px;background:#333; color: #fff; }footer #tel{ background:#f22645; color: #fff; width: calc(100% - 220px);}
#main article figure .m{ position: static; width: 100%; display: block;}
@media screen and (max-width:1024px){
    .wrap{ min-width:auto; width: 98%;}aside{ display: none;}#main{ width: 100%;}#slide{ display: none;}
}
@media screen and (max-width:960px){
    header{display: none;}#body{ margin-left: 0;}body{ padding-bottom: 80px;}footer{ display: block;}
}
@media screen and (max-width:640px){
    #win>div>.box{ width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 16px;}
}
@media screen and (max-width:480px){
    #main .part,#main article{ padding: 16px;}
    #main .part img{ width: 180px;}
    #main .part .i{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
    #main .part .i a{ display: none;}
}