/*
Theme Name:wpbox
Theme URI: https://www.boke8.net/zbox.html
Author: 博客吧
Author URI: http://www.boke8.net/
Description: 由博客吧设计开发制作的高级Z-Blog PHP博客模板，正版用户技术支持www.boke8.net。
Version: 1.0
License: 使用条款
License URI:
Tags: light, white, black, gray, one-column, custom-menu, theme-options
Text Domain: boke8.net
*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{background-color:#f2f2f2;font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;overflow-x:hidden;width:100%;transition:width .3s;}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;color:#333;}
a:hover{color:#F04848;}
input,textarea{-webkit-appearance:none;appearance:none;border:0;font-family:inherit;font-size:1em;}
input:focus{outline:none;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
img{vertical-align:middle;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #e4e4e4;box-sizing:border-box;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*rows*/
[class*=rows_]{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows_1{line-clamp:1; -webkit-line-clamp:1;}
.rows_2{line-clamp:2; -webkit-line-clamp:2;}
.rows_3{line-clamp:3; -webkit-line-clamp:3;}
.rows_4{line-clamp:4; -webkit-line-clamp:4;}
.rows_5{line-clamp:5; -webkit-line-clamp:5;}
/*gold*/
.inner{width:93.75%; max-width:1200px;margin:0 auto;}
.thumbnail{position:relative;overflow:hidden;}
.thumbnail a{display:block;padding-bottom:75%;position:relative;}
.thumbnail img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.browser{width:100%;background-color:#FCEFD2;border-bottom:1px solid #F4B329;color:#333;font-weight:bold;text-align:center;padding:8px 10px;font-size:14px;}
/*ad*/
.mainMid{padding:20px 20px 0;}
.listBtm{margin-bottom:20px;}
.mainMid a,.listBtm a{display:block;}
.mainMid img,.listBtm img{display:block;width:100%;height:auto;}
/*footer*/
#footer{background-color:#000;padding:77px 0 15px;margin-top:-77px;color:#afafaf;}
#footer .line{width:100%;clear:both;overflow:hidden;height:1px;background-color:#232323;margin-bottom:15px;}
#footer a{color:#afafaf;}
#footer a:hover{color:#aaa;}
/*links*/
#links{padding:15px 0;overflow:hidden;position:relative;}
#links h2{float:left;font-weight:normal;font-size:14px;line-height:1.75em;color:#555;position:relative;}
#links ul{margin-left:76px;overflow:hidden;}
#links li{float:left;font-size:14px;line-height:1.75em;padding:0 20px;position:relative;}
#links li:after{content:'';display:block;width:1px;height:10px;background-color:#555;position:absolute;left:0;top:50%;margin-top:-5px;}
#links li a{color:#555;display:block;}
#links li a:hover{color:#999;}
/*pagesList*/
#pagesList{margin-bottom:5px;}
#pagesList ul{text-align:center;font-size:0;line-height:normal;}
#pagesList li{display:inline-block;font-size:14px;line-height:1.75em;padding:0 2%;position:relative;}
#pagesList li:after{content:'';display:block;width:1px;height:10px;background-color:#afafaf;position:absolute;right:1px;top:50%;margin-top:-5px;}
#pagesList li:last-child:after{display:none;}
/*copyright*/
#copyright{font-size:14px;line-height:1.75em;text-align:center;text-transform:uppercase;}
#copyright a{display:inline-block;}
#copyright img{display:inline-block;vertical-align:middle;width:auto;height:18px;margin-top:-3px;}
/*sideNav*/
.sideNav{position:fixed;right:3%;bottom:20%;z-index:2;}
.sideNav li{width:35px;height:35px;border-radius:3px;background:#000 no-repeat center center;background-size:50%;position:relative;margin-bottom:5px;cursor:pointer;border:1px solid #222;}
.sideNav .qq{background-image:url(images/icon_qq.png);}
.sideNav .qq a{display:block;text-indent:-9999em;width:100%;height:100%;}
.sideNav .qr{background-image:url(images/icon_qr.png);}
.sideNav .qrcode{position:absolute;right:88px;top:50%;margin-top:-53px;box-shadow:0px 0px 5px #919191;width:0;overflow:hidden;opacity:0;transition:right .3s,opacity .5s;}
.sideNav .qrcode.open{width:auto;overflow:visible;opacity:1;right:55px;}
.sideNav .qrcode:after{content:'';display:block;width:10px;height:10px;background-color:#fff;transform:rotate(45deg);position:absolute;right:-5px;top:50%;margin-top:-6px;box-shadow:0px 0px 5px #919191;}
.sideNav .qrcode span{display:block;background-color:#fff;border-radius:3px;padding:3px;width:100px;height:100px;position:relative;z-index:1;}
.sideNav .qrcode img{display:block;width:100%;height:100%;border-radius:3px;}
.sideNav .back{background-image:url(images/icon_arrow.png);}
.ftTop{overflow:hidden;margin-top:20px;}
.ftBox{overflow:hidden;width:104.2%;}
.widget{float:left;width:30%;padding-right:3%;padding-bottom:15px;overflow:hidden;}
.widget li{overflow:hidden;margin-bottom:5px;color:#666;font-size:14px;}
.widget li a{color:#666;}
.widget li a:hover{color:#999;}
.widget h2{font-size:16px;color:#555;font-weight:normal;margin-bottom:15px;position:relative;padding-left:10px;}
.widget h2:after{content:'';display:block;width:3px;height:12px;background-color:#555;position:absolute;left:0;top:50%;margin-top:-5.5px;}
.widget .thumbnail{width:80px;height:60px;float:left;border:6px solid rgba(255,255,255,.2);border-radius:3px;transition:border .3s;}
.widget .thumbnail img{border-radius:3px;}
.widget .thumbnail:hover{border-color:rgba(255,255,255,.1);}
.widget .info{margin-left:110px;overflow:hidden;}
.widget h3{font-size:14px;font-weight:normal;color:#555;line-height:1.75em;max-height:3.5em;overflow:hidden;}
.widget time{display:block;font-size:12px;color:#515151;}
.widget .custom{margin-bottom:10px;}
.widget .page_item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.widget .image{max-width:100%;height:auto;}
.widget form{position:relative;overflow:hidden;padding-right:60px;}
.widget input[type='text']{height:40px;line-height:normal;-webkit-appearance:none;appearance:none;background-color:#333;color:#999;width:90%;padding:0 5%;}
.widget input[type='submit']{background-color:#222;color:#999;height:40px;width:60px;display:block;position:absolute;right:0;top:0;border-radius:0 5px 5px 0;}
.divCalendar{color:#666;text-align:center;font-size:14px;}
.divCalendar a{color:#666;}
.divTags{overflow:hidden;}
.divTags ul{overflow:hidden;}
.divTags li{float:left;padding:2px 4px 2px 0;}
.divTags a{display:block;font-size:12px;color:#999;background-color:#222;padding:2px 10px;border-radius:3px;transition:all .3s;}
.divTags a:hover{background-color:#313131;color:#aaa;}
/*header*/
#header{width:100%;background-color:#000;box-shadow:0px 0px 8px rgba(0,0,0,.5);height:70px;position:sticky;top:0;z-index:9;}
#header .inner{position:relative;}
/*logo*/
#logo{float:left;padding:13px 0;width:170px;}
#logo a{display:block;background: no-repeat left center;background-size:contain; position: relative; padding-bottom: 25.883%;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; overflow: hidden;text-indent:-9999em;}
/*nav*/
#nav{width: calc(100% - 188px); padding:0 20px;}
#nav ul{font-size:0;text-align:right;line-height:normal;}
#nav li{display:inline-block;font-size:16px;padding:13px 2.5%;height:44px;line-height:42px;position:relative;}
#nav li ul{position:absolute;left:0;top:37px;width:100%;background-color:#000;background-color:rgba(0,0,0,.8);overflow:hidden;z-index:2;height:0;opacity:0;transition:top .3s,opacity .3s;}
#nav li ul.show{height:auto;opacity:1;padding:5px 0;top:70px;}
#nav li li{display:block;text-align:center;padding:0;font-size:14px;height:auto;line-height:35px;}
#nav a{color:#fff;display:block;position:relative;z-index:2;}
#nav .drop{padding-right:15px;}
#nav .drop:after{content:'';display:block;width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);position:absolute;right:0;top:50%;margin-top:-3px;}
#nav em{display:none;}
/*topBtn*/
#topBtn{float:right;padding:26px 0;}
#topBtn span{display:block;float:left;}
/*schBtn*/
#schBtn{width:18px;height:18px;background:url(images/icon_sch.png) no-repeat center center;background-size:contain;cursor:pointer;}
/*search*/
#search{position:absolute;right:0;top:50px;background-color:rgba(0,0,0,.5);width:300px;overflow:hidden;height:0;opacity:0;transition:top .3s,opacity .3s;}
#search.show{height:auto;opacity:1;top:100%;}
#search form{padding:10px;display:block;}
#search .submit{display:block;width:50px;height:35px;background-color:#000;font-size:14px;cursor:pointer;color:#fff;float:right;}
#search .input{margin-right:50px;overflow:hidden;}
#search .text{background-color:rgba(0,0,0,.6);height:25px;line-height:25px;display:block;padding:5px 5%;width:90%;font-size:14px;color:#fff;}
/*banner*/
.banner{background:no-repeat center center;background-size:cover;padding-bottom:60px;}
.banner .inner{padding-bottom:17.8%;position:relative;}
.pgInfo{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);}
.pgTitle{color:#fff;font-size:48px;font-weight:normal;line-height:1.5em;}
.pgIntro{color:#eee;font-size:16px;line-height:1.75em;height:5.25em;overflow:hidden;margin-top:3.5%;}
/*container*/
#container{margin-top:-56px;position:relative;z-index:1;}
#container.nm{margin-top:0;}
#container .inner{background-color:#fff;box-shadow:0px 0px 8px rgba(0,0,0,.1);border-radius:5px;}
.mainTop{overflow:hidden;padding:12.5px 20px;border-bottom:1px solid #e4e4e4;}
.mainBtm{overflow:hidden;padding:20px;}
/*scial*/
.scial{float:right;font-size:14px;color:#555;}
.scial span{display:block;float:left;line-height:30px;padding-left:10px;}
.scial a{display:block;text-indent:-9999em;width:30px;height:30px;background:#ddd no-repeat center center;background-size:60%;border-radius:50%;}
.scial .wb a{background-image:url(images/icon_wb.png);}
.scial .wx a{background-image:url(images/icon_wx.png);}
.wxQrcode{position:fixed;left:0;top:-100%;width:100%;height:100%;background-color:#fff;background-color:rgba(255,255,255,.99);z-index:10;transition:top .3s;overflow:hidden;}
.wxQrcode.open{top:0;transition:top .3s;}
.wxQrcode .wxBox{margin-top:150px;position:relative;}
.wxQrcode .wxBox img{display:block;width:200px;height:auto;margin:0 auto;}
.wxQrcode .wxBox p{text-align:center;padding:10px 0;font-size:18px;}
.wxQrcode .close{position:absolute;right:20px;top:-20px;cursor:pointer;display:block;width:25px;height:25px;}
.wxQrcode .close:before,.wxQrcode .close:after{content:'';display:block;width:4px;height:30px;transform:rotate(45deg);background-color:#000;border-radius:2px;position:absolute;top:0;}
.wxQrcode .close:after{transform:rotate(-45deg);}
/*breadcrumb*/
.breadcrumb{float:left;line-height:30px;font-size:14px;color:#888;}
.breadcrumb a{color:#888;}
.breadcrumb i{font-style:normal;font-family:'Simsun';padding:0 10px;}
/*pagenavi*/
#pagenavi{font-size:14px;text-align:center;border-top:1px solid #e4e4e4;padding-top:20px; display: flex; flex-wrap: wrap; justify-content: center;}
#pagenavi a,#pagenavi .now-page{display:block;margin:0 0.3em;box-sizing:border-box;color:#888;border:1px solid #e4e4e4;padding:0 0.5em;height:2.15em;line-height:2.15em; min-width: 2.15em;}
#pagenavi a:hover,#pagenavi .now-page{background-color:#000;color:#fff;border-color:#000;}
/*item*/
#boxList{width:103%;overflow:hidden;}
#boxList .item{float:left;width:31%;padding-right:2%;padding-bottom:2%;position:relative;}
#boxList .isTop{background-color:#F04848;color:#fff;width:1em;padding:5px;position:absolute;left:10px;top:0;z-index:3;font-size:12px;line-height:1.35em;border-radius:0 0 3px 3px;}
#boxList .thumbnail{margin-bottom:10px;}
#boxList .thumbnail img{transition:all .3s;}
#boxList .thumbnail a:hover img{transform:scale(1.1,1.1);opacity:.9;}
#boxList .cat{position:absolute;left:5%;bottom:5%;background-color:rgba(240,72,72,.75);color:#fff;font-size:12px;line-height:2em;padding:0 5px;font-style:normal;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#boxList h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:1.5em;margin-bottom:5px;}
#boxList .intro{font-size:14px;line-height:1.75em;height:3.5em;color:#666;margin-bottom:10px;}
#boxList .meta{font-size:12px;line-height:1.5em;color:#999;}
#boxList .meta span{display:block;background:no-repeat left center;background-size:auto 14px;padding-left:17px;}
#boxList .meta .date{background-image:url(images/icon_date.png);float:right;}
#boxList .meta .views{background-image:url(images/icon_hot.png);margin-right:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*blogList*/
#blogList .item{overflow:hidden;margin-bottom:2.5%;padding-bottom:2.5%;border-bottom:1px dashed #e4e4e4;}
#blogList .item:last-child{border-bottom:none;padding-bottom:0;}
#blogList .thumbnail{float:right;width:200px;}
#blogList .info{margin:0 220px 0 100px;}
#blogList h2{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35em;margin-bottom:10px;}
#blogList h2 strong {color:#f00;}
#blogList .intro{font-size:14px;color:#777;line-height:1.75em;height:5.25em;margin-bottom:10px;text-align:justify;}
#blogList .more{overflow:hidden;}
#blogList .more a{color:#fff;background-color:#F04848;display:block;float:left;height:26px;border-radius:0 13px 13px 0;padding:0 15px 0 10px;line-height:26px;font-size:12px;}
#blogList .meta{font-size:12px;line-height:1.5em;float:left;width:100px;color:#888;}
#blogList .meta a{color:#888;}
#blogList .meta span{display:block;background:no-repeat left 7px;background-size:auto 14px;padding:5px 0 5px 20px;}
#blogList .meta .date{background-image:url(images/icon_date.png);}
#blogList .meta .cat{background-image:url(images/icon_cat.png);}
#blogList .meta .views{background-image:url(images/icon_hot.png);}
/*post*/
.post{overflow:hidden;position:relative;}
/*singlePost*/
#singlePost .entry{margin-bottom:2%;}
/*postTitle*/
#postTitle{font-size:32px;line-height:1.5em;color:#333;margin-bottom:2.5%;}
/*postmeta*/
#postmeta{color:#888;font-size:14px;overflow:hidden;margin-bottom:2.5%;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;}
#postmeta a{color:#888;}
#postmeta span{display:block;float:left;padding:0 20px;background:no-repeat left center;background-size:auto 16px;}
#postmeta .date{background-image:url(images/icon_date.png);}
#postmeta .views{background-image:url(images/icon_hot.png);}
#postmeta .cmts{background-image:url(images/icon_cmt.png);}
#postmeta .cat{float:right;background-image:url(images/icon_cat.png);padding-right:0;}
/*entry*/
#postShare{margin-bottom:2.5%;}
#postShare ul{font-size:0;line-height:normal;}
#postShare li{display:inline-block;font-size:14px;line-height:25px;position:relative;margin-right:10px;}
#postShare a{display:block;overflow:hidden;color:#666;}
#postShare a:hover{opacity:.8;}
#postShare i{font-style:normal;background:no-repeat center center;display:inline-block;margin-right:10px;background-size:16px auto;width:25px;height:25px;vertical-align:middle;}
#postShare .wx i{background-color:#20a839;background-image:url(images/share_wx.png);}
#postShare .wb i{background-color:#e6162d;background-image:url(images/share_wb.png);}
#postShare .qz i{background-color:#f5be3f;background-image:url(images/share_qz.png);}
#postShare .qq i{background-color:#30a5dd;background-image:url(images/share_qq.png);}
#postShare .qrcode{position:absolute;left:0;top:100%;width:100px;height:auto;background-color:#fff;border:1px solid #e4e4e4;padding:5px;display:none;z-index:3;margin-top:10px;}
#postShare .qrcode:before{content:'';display:block;width:8px;height:8px;background-color:#fff;border-left:1px solid #e4e4e4;border-top:1px solid #e4e4e4;transform:rotate(45deg);position:absolute;left:10px;top:-6px;}
#postShare .qrcode canvas{display:block;width:100%;height:auto;}
#postShare #qrcode{margin-bottom:5px;}
#postShare .text{font-size:12px;color:#555;text-align:center;line-height:1.5em;}
/*entry*/
.entry{color:#333;font-size:16px;line-height:1.875em;overflow:hidden;text-align:justify;}
.entry video,.entry img{max-width:100%;height:auto!important;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2.5%;}
.entry ul,.entry ol{margin-bottom:2.5%;padding-left:1em;margin-left:2em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry blockquote{overflow:hidden;margin:0 2em 2.5%;padding:2.5% 2.5% 0;font-style:italic;border:1px solid #e6e6e6;border-radius:5;background-color:#fefefe;color:#555;}
.entry hr{border:none;overflow:hidden;border-bottom:1px solid #e6e6e6;margin-bottom:2.5%;}
.entry a{color:#F04848;}
.entry a:hover{text-decoration:underline;}
/*tags*/
#tags{margin-bottom:2.5%;}
#tags h3{font-size:12px;float:left;line-height:24px;color:#555;}
#tags ul{overflow:hidden;margin-left:50px;}
#tags li{float:left;padding-right:15px;}
#tags a{display:block;color:#555;background-color:#f9f9f9;padding:0 10px;height:24px;line-height:24px;font-size:12px;}
#tags a:hover{color:#fff;background-color:#F04848;}
/*statement*/
#statement{margin-bottom:2.5%;font-size:14px;color:#F04848;text-align:center;}
#statement span{background:url(images/icon_cp.png) no-repeat left 3px;padding-left:18px;background-size:auto 14px;}
/*postnavi*/
#postnavi{margin-bottom:2.5%;font-size:14px;line-height:1.875em;overflow:hidden;}
#postnavi .prev,#postnavi .next{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#postnavi .next{float:right;text-align:right;}
/*boxTitle*/
.boxTitle{font-size:18px;line-height:1.5em;color:#333;margin-bottom:2%;}
.boxTitle i{font-style:normal;font-size:14px;color:#F04848;margin-left:10px;font-weight:normal;}
/*related*/
#related{border-top:1px dashed #e4e4e4;overflow:hidden;padding:2.5% 0;}
#related ul{overflow:hidden;width:103%;}
#related li{float:left;width:47%;padding-right:3%;overflow:hidden;padding-bottom:2%;}
#related .thumbnail{float:left;width:100px;border-bottom-left-radius:5px;}
#related .info{margin-left:110px;overflow:hidden;text-align:justify;}
#related h4{font-size:16px;line-height:1.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:2px;}
#related p{font-size:14px;color:#666;line-height:1.75em;max-height:3.5em;overflow:hidden;}
/*warning*/
.warning{font-size:14px;color:#666;margin-bottom:5px;}
/*comment*/
#comment .item{overflow:hidden;padding:5px 0;}
#comment label{display:block;float:left;font-size:14px;color:#F04848;line-height:34px;}
#comment .input{overflow:hidden;border:1px solid #F04848;margin-left:50px;overflow:hidden;position:relative;}
#comment .text{display:block;width:98%;height:24px;line-height:24px;padding:4px 1%;font-size:14px;border:none;}
#comment textarea.text{height:120px;resize:vertical;padding:8px 1%;}
#comment .verify img{display:block;position:absolute;right:1px;top:50%;transform:translateY(-50%);height:30px;width:auto;cursor:pointer;}
#comment .submit{float:right;background-color:#F04848;color:#fff;display:block;height:45px;padding:0 35px;border-radius:5px;font-size:24px;cursor:pointer;}
#cancel-reply{font-size:12px;color:#999;line-height:1.75em;display:block;float:left;padding-right:10px;}
/*commentBox*/
#commentsList{overflow:hidden;clear:both;border-top:5px solid #333;padding:2.5% 0;}
#commentsList #pagenavi{border-top:none;padding-top:0;}
#commentsList li{overflow:hidden;margin-bottom:2.5%;position:relative;}
#commentsList .avatar{float:left;padding:5px 0;}
#commentsList .avatar img{display:block;width:45px;height:45px;border-radius:5px;}
#commentsList .avatar a{display:block;font-size:12px;line-height:2em;color:#353535;text-align:center;}
#commentsList .info{margin:0 62px 0 55px;overflow:hidden;}
#commentsList .meta{font-size:14px;line-height:1.5em;color:#333;padding-bottom:5px;margin-left:7px;overflow:hidden;}
#commentsList .user{font-weight:bold;}
#commentsList .date{font-size:12px;color:#aaa;margin-left:10px;}
#commentsList .text{background-color:#fff;border:1px solid #eee;border-radius:3px;padding:10px 15px;position:relative;margin-left:7px;font-size:14px;line-height:1.75em;color:#000;clear:both;}
#commentsList .text:before{content:'';display:block;width:7px;height:7px;background-color:#fff;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;transform:rotate(-45deg);position:absolute;left:-5px;top:10px;}
#commentsList li li{margin:2% 0 0 0;}
#commentsList li li .avatar{float:right;}
#commentsList li li .info{margin:0 55px 0 62px;}
#commentsList li li .meta{float:right;margin:0 7px 0 0;}
#commentsList li li .date{float:left;padding:0 10px 0 0;}
#commentsList li li .text{margin:0 7px 0 0;text-align:right;}
#commentsList li li .text:before{left:auto;right:-5px;transform:rotate(135deg);}
#commentsList #comment label{display:none;}
#commentsList #comment .input{margin-left:0;}
#commentsList #comment .submit{height:30px;padding:0 15px;font-size:14px;border-radius:0;}
#commentsList #comment .text{text-align:left;}
/*404*/
#errorPage{padding:15% 0;text-align:center;}
#errorPage h2{font-size:32px;color:#333;line-height:1.5em;margin-bottom:5%;}
#errorPage .entry{text-align:center;color:#555;}
#errorPage .entry p{margin-bottom:0;}
/*singlePage*/
#singlePage #postTitle{text-align:center;}
/*slides*/
#slides{margin-bottom:2.5%;}
#slides .item a{display:block;padding-bottom:35%;background:no-repeat center center;background-size:cover;}
#slides .owl-nav button{display:block;width:30px;height:30px;position:absolute;top:50%;text-indent:-9999em;margin-top:-15px;}
#slides .owl-nav .owl-prev{left:10px;}
#slides .owl-nav .owl-next{right:10px;}
#slides .owl-nav span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;}
#slides .owl-nav .owl-prev span{background-image:url(images/arrow_left.png);}
#slides .owl-nav .owl-next span{background-image:url(images/arrow_right.png);}
#slides .owl-dots{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:0;margin-bottom:3.5%;font-size:0;line-height:normal;}
#slides .owl-dot{display:inline-block;margin:0 5px;}
#slides .owl-dot span{display:block;width:15px;height:3px;background-color:rgba(255,255,255,.35);transition:width .3s;}
#slides .owl-dot.active span{background-color:#fff;width:20px;}
/*screen width*/
@media only screen and (max-width:1280px){
/*banner*/
.pgTitle{font-size:32px;}
/*1280px*/
#logo{padding:15px 0;width:155px;}
/*1280px*/
#nav li{padding-left:2%;padding-right:2%;}
}
@media only screen and (max-width:1024px){
body.open{position:fixed;height:100%;overflow:hidden;}
/*1024px*/
#nav{margin:70px 0 0;position:fixed;top:0;left:0; transform: translateX(-100%); opacity: 0; width:220px;height:100%;transition:all .3s;z-index:3;background-color:rgba(0,0,0,.85);margin-top:70px;-webkit-overflow-scrolling:touch;overflow-y:auto;}
#nav.open{transform:translateX(0);opacity:1;}
#nav ul{margin-bottom:70px;text-align:left;}
#nav li{display:block;padding:0;height:auto;line-height:45px;font-size:14px;}
#nav li ul{position:static;left:auto;top:auto;width:auto;background-color:transparent;opacity:1;height:auto;display:none;margin:0;}
#nav li ul.show{padding:0;top:auto;}
#nav li li{text-align:left;}
#nav li li a{padding-left:2.5em;}
#nav a{padding:0 1.5em;}
#nav .drop:after{right:1em;}
#nav em{display:block;position:absolute;right:0;top:0;z-index:3;width:45px;height:45px;}
/*1024px*/
#navBtn{width:20px;height:16px;float:left;position:relative;margin-left:25px;cursor: pointer;}
#navBtn i{position:absolute;left:0;top:50%;margin-top:-0.5px;width:100%;height:1px;background-color:#fff;transition:all .3s;}
#navBtn i:before,#navBtn i:after{content:'';display:block;width:100%;height:1px;background-color:#fff;position:absolute;left:0;transition:transform .3s;}
#navBtn i:before{top:-6.5px;}
#navBtn i:after{bottom:-7px;}
#navBtn.open i{transform:rotate(45deg);height:0;}
#navBtn.open i:before{transform:rotate(180deg);top:0;}
#navBtn.open i:after{transform:rotate(90deg);bottom:auto;top:0;}
/*1024px*/
#blogList .thumbnail{width:160px;}
#blogList .info{margin-right:180px;}
#blogList h2{margin-bottom:8px;font-size:18px;}
#blogList .intro{height:3.5em;-webkit-line-clamp:2;line-clamp:2;}
/*1024px*/
#errorPage h2{font-size:26px;}
/*1024px*/
#postTitle{font-size:26px;}
/*1024px*/
#comment .submit{height:40px;padding:0 20px;font-size:16px;}
}
@media only screen and (max-width:768px){
.sideNav .qr,.sideNav .back{display:none;}
.ftBox{width:auto;}
.widget{width:auto;float:none;padding-right:0;overflow:hidden;}
.widget h2{margin-bottom:10px;}
.widget ul{width:103%;overflow:hidden;}
.widget li{width:47%;padding-right:3%;float:left;}
.widget .info{margin-left:100px;}
/*banner*/
.banner {padding-bottom: 0;}
.banner .inner {padding-bottom:35%;}
.pgTitle{font-size:22px;}
.pgIntro{height:auto;max-height:5.25em;font-size:14px;}
/*scial*/
.scial{padding:2.5px 0;}
.scial span{line-height:25px;}
.scial .tl{display:none;}
.scial a{width:25px;height:25px;}
/*768px*/
#header{height:50px;}
#header .inner{position:static;}
/*768px*/
#logo{padding:8px 0;width:133px;}
/*768px*/
#search{width:100%;}
#search form{padding:10px 3.125%;}
/*768px*/
#topBtn{padding:16px 0;}
/*768px*/
#nav{width:100%;margin-top:50px;}
#nav ul{margin-bottom:50px;}
/*768px*/
#container{margin-top:0;}
#container .inner{width:auto;border-radius:0;}
.mainTop{padding:5px 3.125%;}
.mainBtm{padding:3.125% 3.125% 5%;}
/*768px*/
.breadcrumb{font-size:12px;}
.breadcrumb i{padding:0 5px;}
/*768px*/
#slides{margin-bottom:3.5%;}
#slides .owl-nav button{width:16px;height:16px;margin-top:-8px;}
#slides .owl-dot span{width:10px;}
#slides .owl-dot.active span{width:15px;}
/*768px*/
#boxList{margin-bottom:0;}
#boxList .item{width:47%;padding-right:3%;padding-bottom:3%;}
#boxList h2{font-size:14px;}
#boxList .intro{font-size:12px;margin-bottom:5px;}
/*768px*/
#pagenavi{padding-top:5%;font-size:12px;}
/*768px*/
#blogList .item{margin-bottom:3.125%;padding-bottom:3.125%;}
#blogList .thumbnail{width:110px;float:left;}
#blogList .meta{display:none;}
#blogList .info{margin:0 0 0 120px;}
#blogList h2{margin-bottom:0;font-size:14px;line-height:2em;max-height:4em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;}
#blogList .intro{height:auto;-webkit-line-clamp:1;line-clamp:1;margin-bottom:0;}
#blogList .more{display:none;}
/*768px*/
#errorPage{padding:25% 0;}
#errorPage h2{font-size:20px;}
#errorPage .entry{font-size:14px;}
/*768px*/
#postTitle{font-size:20px;margin-bottom:3.5%;}
/*768px*/
#postmeta{font-size:12px;padding:5px 0;margin-bottom:5%;}
#postmeta span{padding-right:10px;}
/*768px*/
#postShare li{font-size:12px;}
#postShare i{width:20px;height:20px;margin-right:5px;}
/*768px*/
#postTitle{font-size:20px;}
/*768px*/
.entry{font-size:14px;}
/*768px*/
#tags li{padding-right:10px;}
/*768px*/
#postnavi .prev,#postnavi .next{width:auto;float:none;text-align:left;}
/*768px*/
.boxTitle{font-size:16px;margin-bottom:3.5%;}
/*768px*/
#related{padding-top:3.5%;}
#related ul{width:auto;}
#related li{width:auto;float:none;padding-right:0;padding-bottom:3.5%;}
#related .thumbnail{width:96px;}
#related .info{margin-left:105px;}
#related h4{font-size:14px;}
/*768px*/
#comment label{float:none;line-height:1.75em;margin-bottom:5px;}
#comment .input{margin-left:0;}
#comment .text{width:94%;padding:4px 3%;}
#comment textarea.text{padding:6px 3%;}
#comment .submit{height:35px;padding:0 15px;border-radius:0;font-size:14px;}
/*768px*/
#commentsList{padding:3.5% 0;border-top-width:3px;}
#commentsList li{margin-bottom:3.5%;}
#commentsList .avatar img{width:35px;height:35px;border-radius:3px;}
#commentsList .info,#commentsList li li .info{margin:0 0 0 40px;}
#commentsList .text{padding:6px 10px;}
#commentsList li li{margin:3.5% 0 0 5%;}
#commentsList li li .avatar{float:left;}
#commentsList li li .meta{float:none;}
#commentsList li li .date{float:none;}
#commentsList li li .text{margin:0 0 0 7px;text-align:left;}
#commentsList li li .text:before{transform:rotate(-45deg);left:-5px;}
/*768px*/
#pagesList li,#copyright{font-size:12px;}
/*768px*/
#links h2{font-size:12px;}
#links ul{margin-left:58px;}
#links li{font-size:12px;padding:0 10px;}
/*768px*/
#footer{padding-top:1px;margin-top:0;}
}
@media only screen and (max-width:480px){
/*footer*/
.widget ul{width:auto;}
.widget li{width:auto;padding-right:0;float:none;}
}
/* lz_original_template_css */
.lz_css div {width: 0;height: 0;position: absolute;z-index: -1;}
/* lz_original_template_css_end */