html,body,div,header,nav,head,span,object,iframe,section,aside,article,h1,h2,h3,h4,img,ol,ul,dl,p{margin:0;padding:0;border:0;background:transparent}
ul{list-style:none}
li{list-style-type:none}
h1,h2,h3,h4{line-height:24px;font-family:微软雅黑;font-weight:normal;color:inherit;text-rendering:optimizelegibility}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup{display:block}
a{color:#666}
a:hover,a:active{outline:0;color:#ff4466}
a,a:hover{text-decoration:none}
img{width:auto;height:auto;display:block;margin:0 auto}
table{border-spacing:0}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;vertical-align:middle}
.clearfix:after,.clear:after{content:"";display:table;clear:both}
.left{float:left}
.right{float:right}
a,i,li,ul,input,form,textarea,.post{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,input,textarea,b,img,button,i,li,span,.post-main > div,.post-content p,.post-content h3,.swiper-button,.exif_popup ul,*:before,*:after{-moz-transition:all ease-in-out 0.35s;-webkit-transition:all ease-in-out 0.35s;-o-transition:all ease-in-out 0.35s;-ms-transition:all ease-in-out 0.35s;transition:all ease-in-out 0.35s}
body{background-color:#fff;font:12px Verdana,宋体,Geneva,sans-serif;overflow-x:hidden;overflow-y:scroll;line-height:24px;color:#666}
.wrapper{margin:20px auto 0;width:1280px;}
.container .wrapper{overflow:hidden}
.layout_ul{font-size:0}
.layout_li{font-size:12px;display:inline-block;vertical-align:top}

.top-menu,.header-menu{text-align:center;margin:28px 0}
.top-menu > ul > li,.header-menu > ul > li{display:inline-block;position:relative}
.top-menu > ul > li > a{padding:8px 16px}
.header-menu > ul > li > a{padding:16px}
.top-menu > ul > li > a{color:#999}
.top-menu > ul > li > a:hover{color:#333}
.header-menu > ul > li:hover a{background-color:#f8f8f8;color:#333}
.header-menu{position:relative}
.header-menu:before{position:absolute;content:'';top:12px;right:0;left:0;height:1px;width:100%;background-color:#eee;z-index:-1}
.header-menu > .menu{display:inline-block;background-color:#fff}
.logo{text-align:center;font-size:36px;line-height:36px;font-family:'salong';letter-spacing:6px}
.logo a{color:#f46}
.current-menu-item a{color:#f46;font-weight:600;}


.footer-menu{text-align:center;margin:28px 0}
.footer-menu > ul > li{display:inline-block;position:relative}
.footer-menu > ul > li > a{padding:16px}
.footer-menu{position:relative}
.footer-menu:before{position:absolute;content:'';top:12px;right:0;left:0;height:1px;width:100%;background-color:#eee;z-index:-1}
.footer-menu > .menu{display:inline-block;background-color:#fff}

#responsive-nav{display:none;width:100%;background-color:#fff;border:1px #eee solid;padding:4px}
.sub-menu{position:absolute;top:36px;z-index:1000;min-width:100%;max-height:0;-webkit-perspective:400px;-moz-perspective:400px;-ms-perspective:400px;-o-perspective:400px;perspective:400px}
.sub-menu li{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg);border-top:1px #fff solid;border-bottom:1px #eee solid;min-width:100%;visibility:hidden}
.sub-menu li:first-child{border-top:none}
.sub-menu li:last-child{border-bottom:3px #e02b57 solid}
.header-menu .sub-menu li a,.top-menu .sub-menu li a{display:block;background-color:#f8f8f8;white-space:nowrap;padding:8px 12px}
.header-menu .sub-menu li a:hover,.top-menu .sub-menu li a:hover{background-color:#e02b57;color:#fff}
.menu > li:hover .sub-menu li,.menu > li:focus .sub-menu li{opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.menu li:hover .sub-menu li:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.menu li:hover .sub-menu li:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
.menu li:hover .sub-menu li:nth-child(3){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}
.menu li:hover .sub-menu li:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.menu li:hover .sub-menu li:nth-child(5){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
.menu li:hover .sub-menu li:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.sub-menu li:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
.sub-menu li:nth-child(2){-webkit-transition-delay:300ms;-moz-transition-delay:300ms;-ms-transition-delay:300ms;-o-transition-delay:300ms;transition-delay:300ms}
.sub-menu li:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
.sub-menu li:nth-child(4){-webkit-transition-delay:200ms;-moz-transition-delay:200ms;-ms-transition-delay:200ms;-o-transition-delay:200ms;transition-delay:200ms}
.sub-menu li:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
.sub-menu li:nth-child(6){-webkit-transition-delay:100ms;-moz-transition-delay:100ms;-ms-transition-delay:100ms;-o-transition-delay:100ms;transition-delay:100ms}

.content{margin:20px 0;font-size:0}
.post{font-size:12px;display:inline-block;vertical-align:top}
.post-main img{width:100%;height:auto}
.post-main{position:relative;display:block;overflow:hidden;break-inside: avoid;}
.post-content h3{font-size:16px;color:#fff}
.post-content p{color:#ddd}
.post-content{background-color:#ff4466;position:absolute;top:0;bottom:0;right:0;left:0;visibility:hidden;opacity:0;text-align:center}
.post:hover .post-content{visibility:visible;opacity:1}
.effect1 .post-content h3,.effect1 .post-content p{padding:4px 8px}
.effect1 .post-content h3{text-align:left}
.effect1 .post-content p{position:absolute;bottom:0;right:0;text-align:right}
.effect1 .post-content{-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);z-index:-1}
.effect1 .post-img img{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.effect1:hover .post-content{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.effect1:hover img{-webkit-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}
.effect2 .post-content h3{padding:8px 8px 0 8px}
.effect2 .post-content{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);top:auto;height:72px}
.effect2:hover img{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px)}
.effect2:hover .post-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.effect3:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.effect3 .post-content{background-color:rgba(0,0,0,0.6)}
.effect3 .post-content h3{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);background-color:#e02b57;margin-top:16%}
.effect3 .post-content p{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.effect3:hover .post-content h3,.effect3:hover .post-content p{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.effect4 .post-content{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
.effect4 .post-content h3{margin-top:16%;background-color:#e02b57}
.effect4:hover .post-content{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
.effect4:hover img{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
.effect5 .post-content{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);background-color:rgba(0,0,0,.6)}
.effect5 .post-content h3{margin-top:16%;background-color:#f46}
.effect5:hover .post-content{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.effect5:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.effect6 .post-content{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);background-color:rgba(0,0,0,.6)}
.effect6 .post-content h3{margin-top:16%;background-color:#e02b57}
.effect6 .post-content,.effect6 .post-content h3,.effect6 .post-content p{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.effect6 .post-content h3,.effect6 .post-content p{-webkit-transition:all 0.35s 0.1s ease-in-out;-moz-transition:all 0.35s 0.1s ease-in-out;transition:all 0.35s 0.1s ease-in-out}
.effect6:hover .post-content,.effect6:hover h3,.effect6:hover p{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.effect6:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.effect7{overflow:hidden;-webkit-perspective:900px;-moz-perspective:900px;perspective:900px}
.effect7 .post-content h3{margin-top:16%;background-color:#e02b57}
.effect7 img{opacity:1;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
.effect7 .post-content{-webkit-transition:all 0.35s ease-in-out 0.3s;-moz-transition:all 0.35s ease-in-out 0.3s;transition:all 0.35s ease-in-out 0.3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}
.effect7:hover img{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0}
.effect7:hover .post-content{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
.effect8 .post-content{opacity:1;visibility:visible;background-color:rgba(0,0,0,.3)}
.one_third .effect8 .post-content h3,.one_third .effect8 .post-content p{padding:8px}
.effect8 .post-content h3{margin-top:16%}
.effect8 .post-content h3,.effect8 .post-content p{text-shadow:1px 1px 2px rgba(0,0,0,.5)}
.effect8:hover .post-content{opacity:0;visibility:hidden;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.effect8:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.one_fourth .post-content h3,.one_fourth .post-content p{padding:8px}
.one_third .post-content h3,.one_third .post-content p{padding:16px 8px}
.one_half .post-content h3,.one_half .post-content p{padding:24px 8px}
.one_fourth .effect2 .post-content h3,.one_fourth .effect2 .post-content p{padding:8px 8px 0 8px}
.one_third .effect2 .post-content h3{padding:12px 8px 0 8px}
.one_third .effect2 .post-content p{padding:0 8px}
.one_half .effect2 .post-content h3,.one_half .effect2 .post-content p{padding:24px 8px 0 8px}
.one_half{margin-right:-60px}
.one_half .post{width:50%;padding-right:60px;margin-bottom:60px}
.one_third{margin-right:-48px}
.one_third .post{width:33.333%;padding-right:48px;margin-bottom:48px}
.one_fourth{margin-right:-24px;column-count: 4;}
.one_fourth .post{padding-right:24px;margin-bottom:24px}
.one_fourth > div{margin-right:24px}
.one_third >div{margin-right:48px}
.one_half >div{margin-right:60px}
.ias-spinner a,.ias-trigger a,.ias-noneleft{font-size:14px;padding:6px 12px;margin-top:8px;display:block}
.ias-spinner a,.ias-trigger a{border:1px #eee solid}
.ias-noneleft{border:1px #eee solid;background-color:#f8f8f8;color:#999}
@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}
50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}
75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}
100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}
}.ias-spinner > div{width:32px;height:32px;display:inline-block;text-align:center;background-color:#f46;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}
.ias-spinner img{display:none}
.screen-reader-text{display:none}
.pagination,#comments-nav{text-align:center;line-height:24px;margin:30px 0}
.pagination,#comments-nav{width:100%}
.pagination span,.pagination a,#comments-nav a,#comments-nav span{margin:2px 6px 2px 0;padding:6px 10px;text-decoration:none;background-color:#eee;color:#666}
.pagination a:hover,#comments-nav a:hover,.pagination .current,#comments-nav .current{background-color:#e02b57;color:#fff}
.post-head{margin-bottom:24px;padding:8px 0 4px 0;position:relative}
.post-head:before{position:absolute;content:'';height:1px;width:32px;background-color:#ff4466;bottom:0;left:50%;margin-left:-16px}
.post-info{margin-bottom:32px}
.entry{text-align:center}
.entry p{font-size:14px}
.entry br{display:none}
.entry img{margin:4px auto 8px auto;max-width:100%}
.info{overflow:hidden;color:#999;height:auto;font-size:12px;margin-bottom:8px}
.info span{margin-right:4px;display:inline-block}
.entry .info a{color:#999}
.info a:hover{color:#e02b57}
.info i{color:#ff4466}
.info .category:hover i,.info .comment:hover i,.info .more:hover i,.info .category:hover a,.info .comment:hover a,.info .more:hover a{color:#e02b57}

.entry-page{text-align:center;overflow:hidden}
.entry-page p{line-height:28px;padding-bottom:18px}
.entry-contact{text-align:center}
.contact{padding-right:360px;overflow:hidden;clear:both}
.contact .commentform{width:100%;float:left}
.contact .contactform p input{padding:10px 0 10px 26px}
.contact .contactform .submit{background-color:#eee}
.contact .contactform .submit:hover{background-color:#e02b57;color:#fff}
.widget_contact{margin:12px -360px 20px 0;background-color:#fff;border:1px #eee solid;padding:8px;overflow:auto;width:300px;text-align:left;float:right}
.widget_contact h3{font-size:16px;padding-bottom:8px;font-family:微软雅黑;color:#333;display:block;position:relative;border-bottom:1px #eee solid}
.widget_contact ul li{line-height:30px;padding:4px 0 4px 12px;border-bottom:1px #eee solid;color:#999;position:relative;font-size:12px;white-space:nowrap}
.widget_contact ul li i{margin-right:4px}
.linkcat{margin-bottom:20px;overflow:hidden}
.linkcat h2{margin-bottom:12px;font-size:14px;padding-bottom:8px}
.linkcat ul{font-size:0;margin-right:-20px}
.linkcat ul li{display:inline-block;width:16.6666%;text-align:left;font-size:12px;padding-right:20px;white-space:nowrap;margin-bottom:20px}
.linkcat img{margin:6px;display:inline-block;vertical-align:middle;width:16px;height:16px}
.linkcat ul li a{border:1px #eee solid;display:block;width:100%;overflow:hidden;padding:4px}
.readers-list{margin:20px -16px 0 4px;font-size:0;text-align:left}
.readers-list li{width:16.66%;margin-bottom:12px;display:inline-block;font-size:12px}
.reader{perspective:800px;margin-right:20px}
.reader-box .avatar,.reader .site a{width:90%;padding:4%;height:36px;display:block;white-space:nowrap;overflow:hidden}
.reader-box .avatar{border:1px solid #eee;background-color:#fff}
.reader .site a{background-color:#fff;width:100%}
.reader-box img{width:36px;height:36px;margin:0 6px 0 0;float:left;padding:0;background:none;border:none}
.reader-box{position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;transition:1s ease;line-height:36px}
.reader .site{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;-webkit-transform:rotateY(182deg) translateZ(1px);-moz-transform:rotateY(182deg) translateZ(1px);-ms-transform:rotateY(182deg) translateZ(1px);-o-transform:rotateY(182deg) translateZ(1px);transform:rotateY(182deg) translateZ(1px);color:#666;opacity:.0;width:100%;background-color:#fff;border:1px #ff4466 solid;-webkit-transition:1s opacity;-moz-transition:1s opacity;-ms-transition:1s opacity;-o-transition:1s opacity;transition:1s opacity}
.reader:hover .reader-box{-webkit-transform:rotateY(182deg);-moz-transform:rotateY(182deg);-ms-transform:rotateY(182deg);-o-transform:rotateY(182deg);transform:rotateY(182deg)}
.reader:hover .site{opacity:1}

.msg{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #eee solid}
.msghead{margin-bottom:10px;padding-bottom:10px;}
.msg>.msgarticle .msg{margin-left:40px}
.msg .msgarticle .msg{margin-top:10px;padding-top:10px;border-top:1px #eee solid}
.msg:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}
.commentlist #respond{margin-top:36px}
.msgname{position:relative;top:0;left:0}
.msgname img.avatar{width:42px;height:auto;border-radius:100%;float:left;margin-right:8px}
.msgname small{position:absolute;top:0;right:0;color:#999;font-size:12px;}
.msgname .revertcomment a{color:#999;font-size:12px;}
.msgname .revertcomment a:hover{color:#004FCB}
.msgname .commentname{font-size:14px;position:absolute;top:-4px;}
.msgname .commentname a{color:#004FCB;margin-left:-4px;}
.msgname .commentname a:hover{color:#004FCB}
#divCommentPost p {margin-top:15px;}
#divCommentPost input{border:0;padding:12px;background-color:#f4f9ff;max-width:100%;}
#divCommentPost textarea{margin-top:-15px;border:0;padding: 12px;background-color:#f4f9ff;width:100%;}
#divCommentPost .button{border:1px #004FCB solid;background-color:#2C74E6;color:#fff;font-size:14px;text-align:center;padding:4px 16px;display:inline-block;margin-top: -20px;}
#divCommentPost .postbottom{margin-top:5px;}
#divCommentPost .button:hover{background-color:#004FCB;color:#fff}

#comments{margin-top:72px}
#commentform{padding-top:8px}
.form-submit{margin-right:12px}
#comment_mail_notify,#comment_mail_title{vertical-align:middle;margin:4px 6px 0 0;color:#ccc}
.form-submit #submit,.form-submit #reset{background-color:#ddd;border-color:#fff #ddd #ddd #fff;border-width:1px;border-style:solid;padding:4px 8px;color:#666;cursor:pointer}
.form-submit #submit:hover,.form-submit #reset:hover{background-color:#ff4466;color:#fff}
.cancel-comment-reply a{padding:8px}
.commentlist > li:first-child{padding-top:12px}
.commentlist > li{margin-bottom:28px}
.children .comment{padding-left:30px}
#comments #avatar,#comments .children #avatar{padding:5px;height:32px;width:32px}
#comments #avatar img{border-radius:32px;width:100%}
.commentlist .comment-art:hover #avatar .avatar{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.comment > article{width:100%;padding-left:66px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.comment-art{position:relative}
.comment-art #avatar{position:absolute;top:0;left:6px}
#comments .children .comment-art{margin-top:20px}
#comments .datetime,#comments .comment-info a,#comments .comment-info{color:#ccc}
#comments .comment-info a:hover{color:#e02b57}
#comments .comment-info{padding-bottom:4px;border-bottom:1px #eee solid}
#comments .comment-text{padding-top:4px}
#comments .comment-author{width:100%}
.commentform p,#respond_box p{margin:12px 0;position:relative}
#respond_box .need_login{text-align:center}
#respond_box{margin-top:30px}
.commentform p i{position:absolute;top:4px;left:6px;color:#ddd}
.comment-reply-link-a{padding-left:6px;color:#f00}
.comment-reply-link-a:hover{color:#e02b57}
.commentform input,.commentform textarea{border:1px #eee solid;color:#666;font-size:12px}
.commentform .submit{border:none}
.commentform #comment,.form-textarea #comment{height:120px;width:100%;padding:8px}
.commentform p input{width:100%;padding:6px 0 6px 26px}
.comment-body p,#edita{padding-left:42px}
#error img{float:left;margin:6px}
#comments h3{position:relative;text-align:center;border-bottom:1px #eee solid}
#comments h3:before{position:absolute;content:'';width:100px;height:1px;background-color:#ff4466;left:50%;bottom:0;margin-left:-50px}
.commentform input:valid,.commentform #comment:valid,.commentform #tougaocategorg,.commentform #tougao_content:valid{background-color:#e9ffe7}
.commentform input:focus:invalid,.commentform #comment:focus:invalid,.commentform #tougao_content:focus:invalid{background-color:#feeeee}
#comments-info h3{position:relative}
#comments-info .backs{position:absolute;bottom:0;right:0;font-size:12px}
#trackbacks{background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
#trackbacks ul{max-height:320px;width:380px;overflow:auto;background-color:#fff;margin:12px;padding:20px}
#trackbacks ul li{text-align:left}
#trackbacks ul li a{width:100%;height:24px;overflow:hidden;display:block}
.backs{cursor:pointer}
.overlay{background-color:rgba(0,0,0,0.6);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1}
.popup{display:inline-block;left:50%;opacity:0;position:fixed;text-align:center;top:40%;visibility:hidden;z-index:100;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.overlay:target{visibility:visible;opacity:1}
.overlay:target+.popup{top:45%;opacity:1;visibility:visible}
#back-to-top{display:none;right:10px;bottom:88px;z-index:30;position:fixed}
.top-btn{width:40px;height:40px;border-radius:40px;background-color:#f4f4f4;display:block}
.icon-top{padding:8px;display:block}
.top-btn:hover{background-color:#e02b57}
.top-btn:hover i:before{color:#fff}
.icon-top:before{content:'\e82c';color:#999;font-size:24px}
.footer{text-align:center;margin:30px auto;padding:30px 0;border-top:1px #eee solid}
.exif{margin:6px auto 20px;text-align:left}
.exif img{margin:0 auto}
.exif ul li{white-space:nowrap;width:50%;padding:4px 12px 4px 12px}
.exif ul li span{width:72px;display:inline-block}
.exif_default{background-color:#fff}
.exif_default ul{border:1px #eee solid}
.exif_default ul li{border-top:1px #eee solid}
.exif_default ul li:nth-child(2n+1){border-right:1px #eee solid}
.exif_default ul li:nth-child(1),.exif_default ul li:nth-child(2){border-top:none}
.exif_default ul li span{color:#999}
.exif_default > span{display:none}
.exif_popup{position:relative;overflow:hidden}
.exif_popup ul{position:absolute;padding:12px 0;bottom:-20px;left:0;right:0;background-color:rgba(0,0,0,.4);color:#fff;opacity:0}
.exif_popup ul li{border-bottom:1px rgba(255,255,255,.1) solid}
.exif_popup ul li span{color:#eee}
.exif_popup:hover ul{bottom:0;opacity:1}
.exif_popup > span{position:absolute;bottom:0px;left:0px;background-color:rgba(0,0,0,.4);color:#fff;padding:4px 12px}
.exif_popup:hover > span{opacity:0}
@media only screen and (max-width:1280px){.wrapper{width:96% !important}
.slide-main{margin-bottom:20px}
.swiper-image{height:auto}
.swiper-image img{width:100%}
.readers-list li,.linkcat ul li{width:20%}
.my-map{height:420px !important}
}@media only screen and (max-width:979px){.swiper-post h3{margin-top:12%}
.readers-list li,.linkcat ul li{width:20%}
.my-map{height:320px !important}
.contact{padding-right:280px}
.widget_contact{width:240px;margin-right:-280px}
.one_fourth{column-count:3;}
}@media only screen and (max-width:767px){.swiper-post button{display:none}
.top-menu{margin:12px 0 28px 0}
.top-menu > ul > li > a{padding:8px}
.header-menu .menu{display:none}
.header-menu:before{background:none}
#responsive-nav{display:block}
.one_fourth{column-count:2;}
.one_third .post{width:50%}
.one_third,.one_half{margin-right:-24px}
.one_third .post,.one_half .post{margin-bottom:24px;padding-right:24px}
.readers-list li,.linkcat ul li{width:33.33%}
.my-map{height:240px !important}
.contact{padding:0}
.contact .commentform,.widget_contact{float:none}
.widget_contact{width:100%;margin:20px 0}
}@media only screen and (max-width:479px){.swiper-post h3{margin-top:12%;font-size:18px;line-height:24px;margin-bottom:4px}
.swiper-post p{font-size:12px}
.swiper-post button{display:none}
.swiper-pagination-bullet{width:8px;height:8px;margin:0 2px}
.swiper-container-horizontal > .swiper-pagination{bottom:0}
.top-menu,.header-menu{margin:12px 0}
.top-menu > ul > li > a{padding:8px}
.header-menu .menu{display:none}
.header-menu:before{background:none}
#responsive-nav{display:block}
.effect1:hover img{-webkit-transform:scale(.4);-ms-transform:scale(.4);-o-transform:scale(.4);transform:scale(.4)}
.one_fourth{column-count:2;}
.one_third .post{width:50%}
.one_third,.one_half,.one_fourth{margin-right:-8px}
.one_third .post,.one_half .post,.one_fourth .post{margin-bottom:8px;padding-right:8px}
.one_fourth > div{margin-right:8px}
.content .effect1 .post-content h3,.content .effect1 .post-content p{padding:4px 8px}
.post-head,.post-info{margin-bottom:12px}
.linkcat ul{margin-right:-8px}
.readers-list li,.linkcat ul li{width:50%;padding-right:8px;margin-bottom:8px}
.my-map{height:180px !important}
.contact{padding:0}
.contact .commentform,.widget_contact{float:none}
.widget_contact{width:100%;margin:20px 0}
.exif ul li{width:100%}
.exif_popup ul{position:relative;opacity:1;background-color:#fff;color:#666;bottom:0;padding:0;border-left:1px #eee solid;border-right:1px #eee solid}
.exif_popup ul li{border-bottom:1px #eee solid}
.exif_popup ul li span{color:#999}
.exif_default ul li:nth-child(2n+1){border-right:none}
}