@charset "UTF-8";
/*
	Theme Name: Qie
	Theme URI: https://www.mobantu.com/8480.html
	Author: 模板兔
	Author URI: https://www.mobantu.com/
	Description: WordPress 个人博客、资源下载主题
	Version: 3.0
	Text Domain: qie
*/
@import url('assets/font/iconfont.css');
*{margin:0;padding:0;list-style:none;box-sizing:border-box;word-break: break-all;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{font-size:75.0%}
html,body{min-height:100%}
body{background:#f8fafc;position:relative;font-size:15px;line-height:1.5;font-family: Open Sans,pingfang SC,-apple-system,Helvetica Neue,Helvetica,Arial,PingFang SC,PingFang TC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,sans-serif;color:#757575}
a{color:#50a1ff}
a:hover{color:#50a1ff !important;text-decoration:none}
a:focus,a:visited,a:active{text-decoration:none;outline:0}
a:not([href]){color: inherit;text-decoration: none;}
.btn{letter-spacing: 1.7px;text-transform: uppercase;display: inline-block;font-weight: 600;color: #757575;text-align: center;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: .9375rem;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;cursor: pointer;}
.btn-lg{font-size: 18px;padding:12px 36px;color: #50a1ff;border:1px solid #50a1ff;border-radius: 30px;}
.btn:hover{background: #50a1ff;color:#fff !important;}
.btn:active,.btn:focus{outline:0}
.btn-theme{color: #fff;background: #50a1ff;padding:5px 30px;line-height: 1.9;font-size: 16px;}
input,button,textarea,select{font-size:100%}
h1,h2,h3,h4,h5,h6{color: #3c4248}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
sup,sub{font-size:100%;vertical-align:baseline}
ins{text-decoration:none}
del{text-decoration:line-through}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
a{text-decoration:none}
fieldset,img{border:0}
img{max-width:100%;max-height:100%;vertical-align:middle}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
sup,sub{font-size:100%;vertical-align:baseline}
table{width:100%;margin-bottom:1.5rem}
table,table th{border:1px solid hsla(210,8%,51%,.09)}
table th{text-align:inherit;padding:.35rem 1.2rem;font-weight:600;vertical-align:bottom;border-top:0;background-color:#f8fafc}
table tbody tr{transition:background-color .2s linear}
table tbody td,table tbody th{padding:.75rem 1.2rem;vertical-align:top;border:1px solid hsla(210,8%,51%,.09)}
.icon{position: relative;top:1px;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.cursor{cursor: pointer;}
.cursor.none{cursor: inherit;}
.black{background-color: #111}
.white{background-color: #fff}
.circle-fill{fill: #c6fdf3;}
.path-fill{fill: #55ebd0;}
.path-fill-1{fill: #1adab7;}
.right{float: right;}
.left{float: left;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.min-full-height{min-height: calc(100vh - 228px)!important;}
:link,:visited{text-decoration:none}
:focus{outline:0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{border-radius:8px;background: #d7dadd;}
::-webkit-scrollbar-track{background:hsla(210,8%,51%,.09)}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;}

.form-control{display:block;width:100%;height:calc(1.9em + .75rem + 2px);padding:.375rem .75rem;font-size:.9375rem;line-height:1.9;color:#999;background-color:#fff;background-clip:padding-box;border:1px solid hsla(210,8%,51%,.09);border-radius:2px;transition:all .3s ease-out}
.form-control[data-shuffle=search]::-ms-clear{display:none}
.input-group{border:1px solid hsla(210,8%,51%,.09);border-radius:2px;transition:all .3s ease-out}
.input-group.focus{border-color:hsla(210,8%,51%,.065);box-shadow:0 0 40px rgba(0,0,0,.045)}
.input-group .form-control{box-shadow:none;border:none;border-radius:0}
.input-group-append,.input-group-prepend{margin-left:0;margin-right:0}
.input-group-append .btn,.input-group-prepend .btn{height:calc(100% + 2px);margin:-1px}
.input-group-text{display:flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;padding-left:20px;background-color:#fff;border:none;color:#c9ccce;font-weight:300;border-radius:0;height:100%}
.input-group-text .custom-control{margin-bottom:0}
.input-group-text+.form-control{padding-left:0}
.input-group-text i{font-size:20px}
.input-group-text:not(:last-child),.input-group .form-control:not(:last-child){border-right:0}
.input-group-text:not(:first-child),.input-group .form-control:not(:first-child){border-left:0}
.input-group-prepend .btn{margin-right:0}
.input-group-append .btn{margin-left:0}
.input-group-prepend .input-group-text:last-child{padding-right:0}

.qie-animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.qie-animation.fast{-webkit-animation-duration:.5s;animation-duration:.5s}
.qie-animation.fastest{-webkit-animation-duration:.3s;animation-duration:.3s}
.qie-animation.slow{-webkit-animation-duration:2s;animation-duration:2s}

.container{position: relative;max-width: 1310px;margin:0 auto;}

.qie-header{position: relative;width: 100%;}
.qie-header .qie-topbar{position: relative;height: 40px;line-height:40px;color: #d4d4d5;font-size: 12px;}
.qie-header .qie-topbar a{color: #d4d4d5;}
.qie-header .qie-topbar .topbar-nav{display: inline-block;}
.qie-header .qie-topbar .topbar-nav a{margin:0 15px;}
.qie-header .qie-topbar .topbar-nav a:first-child{margin-left: 0}
.qie-header .qie-topbar .topbar-user{float: right;}
.qie-header .qie-topbar .topbar-user i{font-size: 14px;line-height: 1}
.qie-header .qie-navbar{position: relative;height: 60px;z-index: 999;box-shadow: 0 0 18px rgba(0,0,0,.06);}
.qie-header .qie-navbar.fixed{position: fixed;left: 0;top:0;right: 0;}
.qie-header .qie-navbar .logo{padding:5px 0;display: inline-block;float: left;}
.qie-header .qie-navbar .logo img{height: 50px;width: auto;}
.qie-header .qie-navbar .navbar-nav{margin-left: 50px;display: inline-block;list-style: none;padding:5px 0;float: left;}
.qie-header .qie-navbar .navbar-nav > li{list-style: none;float: left;position: relative;}
.qie-header .qie-navbar .navbar-nav li a{color: inherit;}
.qie-header .qie-navbar .navbar-nav > li > a{height: 50px;line-height: 50px;display: inline-block;letter-spacing: 1px;font-weight: 600;color:inherit;padding:0 15px;}
.qie-header .qie-navbar .navbar-nav > li.current-menu-item > a, .qie-header .qie-navbar .navbar-nav > li.current-menu-parent > a, .qie-header .qie-navbar .navbar-nav > li.current_page_item > a, .qie-header .qie-navbar .navbar-nav > li.current-post-ancestor > a, .qie-header .qie-navbar .navbar-nav > li.current-menu-ancestor > a, .qie-header .qie-navbar .navbar-nav > li.current-category-ancestor > a, .qie-header .qie-navbar .navbar-nav .sub-menu li.current-menu-item a{color: #50a1ff;}
.qie-header .qie-navbar .navbar-nav .sub-menu{display: none;position:absolute;top:100%;left:0;background-color:#fff;font-size:14px;padding:6px 0;box-shadow:0 0 10px rgba(0,0,0,0.1);line-height:32px;text-align: center;min-width: 100%;}
.qie-header .qie-navbar .navbar-nav li:hover > .sub-menu{display: block;}
.qie-header .qie-navbar .navbar-nav .sub-menu li{display: inline-block;}

.qie-header .qie-navbar .navbar-right {float: right;height: 60px;padding: 10px 0}
.qie-header .qie-navbar .navbar-right .reward-svg #reward-path-1 {fill: #50a1ff;}
.qie-header .qie-navbar .navbar-right .reward-svg #reward-path-2 {fill: #83bcff;}
.qie-header .qie-navbar .navbar-right .reward-text{position: relative;display: inline-block;top:-10px;}
.qie-header .qie-navbar .navbar-right .nav-reward{float: left;margin-left: 50px;}
.qie-header .qie-navbar .navbar-right .nav-search{position: relative;float: left;}
.qie-header .qie-navbar .navbar-right .nav-search .search-input{border: 1px solid hsla(210,8%,51%,.09);padding: 5px 25px;height:40px;border-radius: 30px;background-color: transparent;transition: all .3s ease-out;}
.qie-header .qie-navbar .navbar-right .nav-search .search-input:focus{border-color:#50a1ff;}
.qie-header .qie-navbar .navbar-right .nav-search .search-btn{background: transparent;border:none;position: absolute;right: 20px;top: 6.5px;}
.qie-header .qie-navbar .navbar-right .nav-search .search-btn i{font-size: 20px;}
.qie-header .qie-navbar .navbar-right .menu-trigger{color: #333;height: 40px;line-height: 40px;display: none;}
.qie-header .qie-navbar .navbar-right .menu-trigger i{font-size: 20px;}

.qie-main{position: relative;padding:25px 0;margin:0 auto;}

.qie-content{position: relative;}
.qie-content.has-left{padding-left: 135px;}
.qie-content.has-right{padding-right: 330px;}
.qie-content .qie-content-list{float: left;width: 100%}

.home-slider{position: relative;overflow: hidden;border-radius: 15px;margin-bottom: 30px;background: #fff}
.home-slider img{width:100%;max-height: 450px}

.home-recommend{display:flex;margin-bottom: 30px;color:#fff;}
.home-recommend>div:first-of-type{display:flex;margin-right:20px;background: #fff;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);border-radius: 15px;width:calc(65% - 10px)}
.home-recommend>div:first-of-type .post-item{align-items:flex-end;padding:30px;position:relative;background: linear-gradient(rgba(142, 163, 71, 0.5), rgba(149, 166, 73, 0.56), rgba(156, 169, 74, 0.62), rgba(163, 172, 76, 0.68), rgba(171, 175, 78, 0.74), rgba(178, 178, 80, 0.8)) 0% 0% / 100% !important;}
.footer-categories{margin-top:50px}
.post-item{align-items:flex-end;padding-bottom:28px;position:relative}
.home-recommend>div:first-of-type .post-item h3{font-size:32px;margin-bottom:10px;max-height:210px;text-overflow:ellipsis;line-height:1.3;white-space:normal;overflow:hidden;width:100%;height:auto;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;color:#fff;font-weight: normal;}
.home-recommend>div:first-of-type .post-item h3+p.description{margin-top:-20px;margin-bottom:30px}
.home-recommend>div:first-of-type .post-item__content,.home-recommend>div:first-of-type .post-meta{max-width:100%}
.home-recommend>div:first-of-type .post-meta__info{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.home-recommend>div{width:calc(35% - 10px)}
.home-recommend>div .post-item{width:100%;background: #fff;display: block;padding:20px;margin-bottom: 20px;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);border-radius: 15px;}
.home-recommend>div .post-item:nth-child(1){background: linear-gradient(rgba(48, 184, 255, 0.5), rgba(77, 179, 255, 0.56), rgba(100, 173, 253, 0.62), rgba(120, 167, 249, 0.68), rgba(137, 160, 244, 0.74), rgba(152, 154, 238, 0.8));}
.home-recommend>div .post-item:nth-child(2){background: linear-gradient(rgba(211, 101, 161, 0.5), rgba(214, 105, 158, 0.56), rgba(217, 109, 156, 0.62), rgba(220, 114, 155, 0.68), rgba(222, 119, 153, 0.74), rgba(224, 123, 152, 0.8));}
.home-recommend>div .post-item:nth-child(3){    background: linear-gradient(rgba(0, 152, 171, 0.5), rgba(0, 146, 178, 0.56), rgba(0, 139, 184, 0.62), rgba(0, 131, 189, 0.68), rgba(0, 121, 192, 0.74), rgba(15, 111, 192, 0.8));}
.home-recommend>div .post-item:last-child{margin-bottom: 0}
.home-recommend>div:nth-of-type(2) .post-item h3{text-overflow:ellipsis;line-height:1.3;white-space:normal;overflow:hidden;width:100%;height:auto;max-height:100px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;color:#fff;font-size: 20px;font-weight: normal;}
.home-recommend>div .post-item .post-desc{display:flex;align-items:center;max-width:100%;color:#fff;font-size: 15px;opacity: .9;margin-bottom: 25px;}
.home-recommend>div .post-item .post-meta{margin-top:10px;display:flex;align-items:center;max-width:100%;color:#fff;font-size: 14px;opacity: .8}
.home-recommend>div .post-item .post-meta .category{margin-right:15px}
.home-recommend>div .post-item .post-meta__info span:first-of-type{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}
.home-recommend>div .post-item .post-meta__info span:nth-of-type(2){margin:0 10px}

.qie-content .list-title{margin-bottom: 20px;margin-right: 25px;font-weight: 400;font-size: 24px;display: inline-block;}
.qie-content .list-title span{font-size: 13px;margin-left: 5px;opacity: .7;}
.qie-content .header-filter{display: inline-block;float: right;position: relative;top:10px;}
.qie-content .header-filter li{list-style: none;display: inline-block;}
.qie-content .header-filter li a{text-align: center;display: inline-block;color: inherit;position: relative;padding:0 20px;}
.qie-content .header-filter li.active a{color: #50a1ff}
.qie-content .header-filter li.active a:after{background: #50a1ff;height: 2px;width: 10px;content: "";position: absolute;bottom: -7px;left: calc(50% - 5px)}
.qie-content .header-filter li:last-child a{padding-right: 0}
.list-main{margin-left: -10px;margin-right: -10px;}
.list-main .post{padding: 0 10px;position: relative;}
.list-main .post-item{padding: 20px 20px 20px 285px;background-color: transparent;background-image: linear-gradient(#fff,hsla(0,0%,100%,.7));box-shadow: 0 0 3px rgba(0,0,0,.06);transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;} 
.list-main .post-item.no-thumb{padding-left: 20px;}
.list-main .post:first-child .post-item{border-radius: 15px 15px 0 0}
.list-main .post:last-child .post-item{border-radius: 0 0 15px 15px}
.list-main .post:first-child:last-child .post-item{border-radius: 15px}
.list-main .post-item:hover{transform: translateY(-1px);background-color: transparent;border-top-style: solid!important;background-image: linear-gradient(#fff,hsla(0,0%,100%,.5) 30%,#fff);box-shadow: 0 0 26px rgba(0,61,131,.1);}
.list-main .post-item .item-thumb{width: 240px;height: 160px;display: inline-block;float: left;margin-left: -265px;border-radius: 3px;overflow: hidden;}
.list-main .post-item .item-thumb .thumb{width: 100%;height: 100%;object-fit: cover;}
.list-main .post-item .item-content{min-height: 160px;position: relative;}
.list-main .post-item.no-thumb .item-content{min-height: inherit !important;}
.list-main .post-item .item-content .title h3{font-size: 18px;font-weight: 400;margin-bottom: 10px;}
.list-main .post-item .item-content .title:hover h3{color:#50a1ff;}
.list-main .post-item .excerpt{font-size: 14px;opacity: .7;}
.list-main .post-item.no-thumb .excerpt{margin-bottom: 10px;}
.list-main .post-item .metas{position: absolute;bottom: 0;left: 0;right:0;font-size: 13px;}
.list-main .post-item.no-thumb .metas{position: static;}
.list-main .post-item .metas span{margin-right: 10px;opacity: .5}
.list-main .post-item .metas .cat{margin-right: 10px;}
.list-main .post-item .metas .read-more{color: #cad5e5;line-height: 16px;position: relative;top:3px;}
.list-main .post-item:hover .metas .read-more{color:#50a1ff;}
.list-main .post-item .metas .read-more i{font-weight: 600;font-size: 32px;}

.grid-main{margin-left: -10px;margin-right: -10px;overflow: hidden;}
.grid-main .post{position: relative;width: 20%;padding-right: 10px;padding-left: 10px;float: left;}
.grid-main .post .post-item{background: #fff;position: relative;width: 100%;border-radius: 5px;padding: 15px 15px 10px;display: block;overflow: hidden;margin-bottom: 20px;transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;border: 1px solid hsla(210,8%,51%,.09)!important;}
.grid-main .post .post-item:hover{transform: translateY(-5px);box-shadow: 0 4px 8px rgba(84,81,81,.15);z-index: 1;}
.grid-main .post .post-item .item-thumb{margin:-15px -15px 0;display: block;height: 158px;}
.grid-main .post .post-item .item-thumb .thumb{width: 100%;height: 100%;object-fit: cover;}
.grid-main .post-item .item-content{margin-top: 10px;}
.grid-main .post-item .item-content .cat{color: inherit;opacity: .6;font-size: 14px;}
.grid-main .post-item .item-content .title h3{margin-top: 10px;font-weight: 400;font-size: 16px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 48px;}
.grid-main .post-item .item-content .title:hover h3{color:#50a1ff;}
.grid-main .post-item .metas{font-size: 13px;margin-top: 10px;opacity:.5;}
.grid-main .post-item .metas span{margin-right: 10px;}
.grid-main .post-item .metas .date{float: right;margin-right: 0}

.qie-topics{margin:0 -15px 20px;}
.qie-topics .topic-item{float: left;width: calc(25% - 30px);margin:0 15px 30px;border-radius: 5px;transition: transform .3s ease-in-out,translateY .3s ease-in-out,box-shadow .3s ease-in-out;}
.qie-topics .topic-item:hover{transform: translateY(-5px);}
.qie-topics .topic-item img{border-radius: 5px;}
.qie-topics .topic-item:hover img{box-shadow: 0 4px 8px rgba(84,81,81,.15);}
.qie-topics .topic-item h3{display: inline-block;background: #fff;padding:6px 15px;position: relative;top: -15px;left: 30px;}

.none{display: block;width: 100%}
.none img{max-width: 350px;height: auto;}

.home-cats{margin: 0 -10px 10px;}
.home-cats .item{width: calc(50% - 20px);background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.06);margin: 0 10px 20px;float: left;border-radius: 15px;}
.home-cats .item h2{align-items:center;background:#fff;line-height:50px;height:50px;border-bottom:1px solid hsla(210,8%,51%,.09);font-size:18px;font-weight:normal;padding:0 1em;margin:0;position:relative;border-radius:15px 15px 0 0}
.home-cats .item h2::before{content:"";display:block;position:absolute;left:-2px;top:35%;width:4px;height:30%;background:#50a1ff;border-radius:5px}
.home-cats .item h2 .more{float:right;font-size:14px;color:#cad5e5}
.home-cats .item ul{padding:10px 15px;background:#fff;border-radius:0 0 15px 15px}
.home-cats .item ul li{line-height:40px;height:40px;align-items:center;position:relative;padding-left:30px;padding-right:50px;list-style:none;counter-increment:mycounter;font-size:15px}
.home-cats .item ul li::before{content:counter(mycounter);position:absolute;left:0;top:11px;background-color:#eee;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#888;border-radius:0 15px 10px 10px}
.home-cats .item ul li:nth-child(1)::before,.home-cats .item ul li:nth-child(2)::before,.home-cats .item ul li:nth-child(3)::before{background:#50a1ff;color:#fff}
.home-cats .item ul li a{color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.home-cats .item ul li span{font-size:1em;opacity: .5;position: absolute;right: 0;top: 0;}

.qie-pagination{margin:30px 0 40px;position: relative;color: inherit;height: 46px;}
.qie-pagination .qie-pager{position:absolute;left:15%;width:70%;text-align:center}
.qie-pagination .qie-pager li{font-size:20px;line-height:44px;height:46px;min-width:46px;font-weight:400;background:transparent;border:1px solid hsla(210,8%,51%,.09);margin:0 8px;border-radius:55px;transition:all .5s;display: inline-block;}
.qie-pagination .qie-pager li:hover{color:#50a1ff;border-color:#50a1ff}
.qie-pagination .qie-pager li.active{border-color:#50a1ff;color:#50a1ff;}
.qie-pagination .qie-pager li a{display: inline-block;height: 46px;min-width: 46px;color: inherit;}
.qie-pagination .prev-page, .qie-pagination .next-page{position: absolute;height: 46px;line-height: 46px;min-width: 46px;font-size: 18px;}
.qie-pagination .prev-page{left: 0;padding-right: 12px;}
.qie-pagination .next-page{right: 0;padding-left: 12px;}
.qie-pagination .next-page a, .qie-pagination .prev-page a{color: inherit;}

.sidebar-left{width: 110px;float: left;margin-left: -135px;}
.sidebar-left.fixed{position: fixed;top:85px;}
.sidebar-left .mini-title{opacity: .4;font-size: 12px;padding: 5px 0;}
.sidebar-left .sidebar-nav{font-size: 15px;}
.sidebar-left .sidebar-nav li{line-height: 35px;padding:3px 0;transition: transform .3s ease;}
.sidebar-left .sidebar-nav li a{color: inherit;position: relative;display: inline-block;transition: transform .3s ease;}
.sidebar-left .sidebar-nav li a:hover{transform: translateX(5px);}
.sidebar-left .sidebar-nav > li.menu-item-has-children > a:after{font-family: "iconfont" !important;font-size: 12px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e621";position: absolute;right: -20px;top:0;font-weight: 600}
.sidebar-left .sidebar-nav > li.current-menu-item > a, .sidebar-left .sidebar-nav > li.current-menu-parent > a, .sidebar-left .sidebar-nav > li.current_page_item > a, .sidebar-left .sidebar-nav > li.current-post-ancestor > a, .sidebar-left .sidebar-nav > li.current-menu-ancestor > a, .sidebar-left .sidebar-nav > li.current-category-ancestor > a, .sidebar-left .sidebar-nav .sub-menu li.current-menu-item > a{color: #50a1ff;}
.sidebar-left .sidebar-nav .sub-menu{margin-left: 10px;font-size: 14px;opacity: .9}

.sidebar{width: 300px;float: right;margin-right: -330px;}
.sidebar .widget{position: relative;border-radius: 15px 0 15px 0;padding: 10px 20px 11px;overflow: hidden;border: 1px solid hsla(210,8%,51%,.09);margin-bottom: 25px;}
.sidebar .widget h3{padding: 12px 0;letter-spacing: .75px;font-weight: 400;font-size: 18px;}
.sidebar .widget h3 a{color: inherit;}
.sidebar .widget img{max-width: 100%;height: auto;}
.sidebar .widget li{padding: 10px 0;background-color: #f9fbfd; border-top: 1px solid hsla(210,8%,51%,.065);position: relative;}
.sidebar .widget ul.hasimg li{padding:10px 0 10px 110px;height: 86px;}
.sidebar .widget li:hover{border-radius: 15px 15px 0 0;transition: all .3s;background-image: linear-gradient(#fff,hsla(0,0%,100%,.5) 30%,hsla(0,0%,100%,0));box-shadow: 0 0 26px rgba(80,161,255,.1);padding: 10px 20px;margin-left: -20px;margin-right: -20px}
.sidebar .widget ul.hasimg li:hover{padding:10px 20px 10px 130px;}
.sidebar .widget ul.hasimg li .post-img{float: left;margin-left: -110px;width: 100px;height: 66px;}
.sidebar .widget ul.hasimg li .post-img img{height: 100%;object-fit: cover;}
.sidebar .widget ul.hasimg li .post-title{line-height: 22px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 44px;margin-bottom: 5px;font-size: 14px;}
.sidebar .widget li a{color:inherit;}
.sidebar .widget li .post-date, .sidebar .widget li .rss-date{font-size: 12px;margin-left: 5px;opacity: .7;}
.sidebar .widget ul.hasimg li .post-date{display: block;margin-left: 0}
.sidebar .widget li .rssSummary{font-size: 13px;opacity: .9}
.sidebar .widget li cite{font-size: 13px;}
.sidebar .widget_nav_menu li:after{font-family: "iconfont" !important;font-size: 14px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content:"\e621";position: absolute;right: 0;top:11px;}
.sidebar .widget_nav_menu li:hover:after{right: 20px;}
.sidebar .widget .sub-menu, .sidebar .widget .children{margin-top: 10px;margin-bottom: -10px;margin-left: 20px}
.sidebar .widget_categories form{padding: 10px 0;}
.sidebar .widget_categories form select, .sidebar .widget_archive select{border:1px solid hsla(210,8%,51%,.065);padding:5px;margin-left: 10px;margin-bottom:10px;border-radius: 3px;}
.sidebar .widget_search form{margin-bottom: 10px;overflow: hidden;}
.sidebar .widget_search .screen-reader-text{display: none;}
.sidebar .widget_search input[type='text']{float: left;width: 75%;border:1px solid hsla(210,8%,51%,.09);height:35px;line-height: 35px;padding:0 15px;border-right: none;border-radius: 20px 0 0 20px;}
.sidebar .widget_search input[type='submit']{float: left;width: 25%;border:none;height:35px;line-height: 35px;padding:0 10px;background: #50a1ff;color:#fff;border-radius: 0 20px 20px 0;cursor: pointer;}
.sidebar .widget_calendar table{margin-bottom: 0}
.sidebar .widget_calendar table caption{margin-bottom: 5px;font-size: 16px;}
.sidebar .widget_calendar table th, .sidebar .widget_calendar table td{padding:10px 0;text-align: center;}
.sidebar .widget_calendar nav{margin-top: 10px;}
.sidebar .widget_calendar nav a{color: inherit;}
.sidebar .widget_tag_cloud a{color: inherit;}
.sidebar .widget_media_gallery .gallery-item{margin-top: 0 !important;margin-bottom: 10px}
.sidebar .widget_media_gallery .gallery-item img{border:1px solid hsla(210,8%,51%,.065) !important;}
.sidebar .widget_media_gallery .gallery-item .gallery-caption{font-size: 13px;opacity: .7}
.sidebar .widget_recent_comments{font-size: 14px;}
.sidebar .widget_recent_comments a{opacity: .9}
.sidebar .widget_recent_comments .comment-author-link{margin-right: 5px;}

.breadcrumbs{font-size: 13px;position: relative;margin-bottom: 10px}
.single-content .breadcrumbs{top: -10px;}
.breadcrumbs .icon{font-size: 13px;}

.single-main{float: left;width: 100%;}
.single-content{padding:30px;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);margin-bottom: 25px;position: relative;overflow: hidden;border-radius: 15px;}
.single-content:before{position:absolute;content:"";top:-250px;left:-580px;width:725px;height:651px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzI1IiBoZWlnaHQ9IjY1MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggZD0iTTY3OC42MDMgNjQzLjg1OGMxMTEuODItNTkuMTE1LTE1Ljc3LTE4NS4zNDQtMTUuNzctMzIxLjQ4MyAwLTEzNi4xMzgtLjI4NC0zNDAuMzcxLTEzNi40MjItMzIxLjEwNS0xMzYuMTM4IDE5LjI2Ni05NC4yODggMTg3LjE2Ny00NDEuOSAyNjkuMTQ4LTM0Ny42MTQgODEuOTggNDgyLjI3MyA0MzIuNTU0IDU5NC4wOTIgMzczLjQ0eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRjRGN0ZFIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA3MjQuNTE4IDApIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);opacity:.9;background-repeat:no-repeat}
.single-title{font-size: 26px;font-weight: 400;margin-bottom: 0;position: relative;}
.single-title svg{width: 60px;height: 50px;}
.single-title span{margin-left: 20px;position: relative;top:-15px;}
.page-content{padding:60px 100px;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);}
.page-title{font-size: 26px;font-weight: 400;margin-bottom: 50px;}
.page-title svg{width: 60px;height: 50px;}
.page-title span{margin-left: 30px;position: relative;top:-15px;}
.page2-main{position: relative;padding: 100px 0}
.page2-title{text-align: center;font-size: 24px;margin-bottom: 30px;font-weight: 400}
.page2-content{position: relative;max-width: 1000px;margin:0 auto;}
.page3-content{position: relative;max-width: 1200px;margin:0 auto;}
.article-metas{position: relative;margin-bottom: 30px;}
.article-metas span{margin:0 15px;opacity: .7}
.article-content{position:relative;border-left:0;margin:0 auto;font-size:16px;line-height:2}
.article-content p{margin:0 0 20px}
.article-content blockquote{font-style: italic;color: #979b9e;line-height: 2;margin-bottom: 30px;}
.article-content blockquote p{margin: 0 0 20px;line-height: 30px;}
.article-content blockquote p:last-child{margin-bottom: 0;}
.article-content blockquote:before{content: "“";display: inline-block;font-size: 4rem;line-height: 0.2;font-weight: 600;padding-top: 0px;vertical-align: -30px;opacity: 0.1;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-style:normal;font-weight:600;font-size:22px;margin-bottom:26px;line-height:140%;position: relative;}
.article-content h1{font-size: 24px;}
.article-content h2{font-size: 22px;}
.article-content h3{font-size: 20px;margin-bottom: 31px}
.article-content h4{font-size: 18px;}
.article-content h5{font-size: 16px;}
.article-content h6{font-size: 14px;}
.article-content h3:after {content: " ";width: 20px;display: block;margin-top: .5rem;margin-bottom: .25rem;border-radius: .25rem;border: 0 solid #e2e8f0; border-width: 2px;border-color: #50a1ff;position: absolute;
}
.article-content img{max-width: 100%;height: auto;}
.article-content ol,.article-content ul{list-style-position:inside;padding-top:.25rem;padding-bottom:.25rem;padding-left:0;margin-bottom:1rem}
.article-content ul{list-style-type:circle}
.article-content ol li,.article-content ul li{padding-top:.3rem;padding-bottom:.3rem;font-size:15px;list-style:inherit}
.article-content .aligncenter{display: block;margin: 0 auto;}
.article-content pre{margin:20px 0;font:12px/20px 'courier new';background:#4A4A4A;padding:10px 20px;color:#F8F8D4;border:none;word-wrap:break-word}
.article-content .erphpdown{border-color: #50a1ff !important;border-radius: 8px;padding:20px 25px 25px !important;font-size: 15px !important;}
.article-content .erphpdown > legend{color: #50a1ff;font-size: 17px;}
/*.article-content .erphpdown .erphpdown-vip, .article-content .erphpdown-content-vip .erphpdown-see-btn, .article-content .erphpdown-content-vip .erphpdown-vip, .article-content .erphpdown .erphpdown-buy, .article-content .erphpdown .erphpdown-buy-index, .article-content .erphpdown-content-vip .erphpdown-buy, .article-content .erphpdown-content-vip .erphpdown-buy-index, .article-content .erphpdown .erphp-login-must, .article-content .erphpdown .erphpdown-down{padding: 4px 18px;font-size: 14px;}*/

.article-tags{margin-top: 40px;}
.article-tags .icon{font-size: 18px}
.article-tags a{margin-left: 10px;display: inline-block;}

.prettyprint,pre.prettyprint{background-color:#272822;border:none;overflow:hidden;padding:10px 15px;border-radius:0;overflow-x:scroll}
.prettyprint.linenums,pre.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741;-moz-box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741;box-shadow:inset 40px 0 0 #39382E,inset 41px 0 0 #464741}
.prettyprint.linenums ol,pre.prettyprint.linenums ol{margin:0 0 0 30px}
.prettyprint.linenums ol li,pre.prettyprint.linenums ol li{padding-left:12px;color:#bebec5;line-height:20px;margin-left:0;list-style:decimal;margin-bottom:0}
.prettyprint .com{color:#93a1a1}
.prettyprint .lit{color:#AE81FF}
.prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#F8F8F2}
.prettyprint .fun{color:#dc322f}
.prettyprint .str,.prettyprint .atv{color:#E6DB74}
.prettyprint .kwd,.prettyprint .tag{color:#F92659}
.prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{color:#A6E22E}
.prettyprint .pln{color:#66D9EF}

.erphpdown-type-desc{background: #f5f5f5;padding: 20px;margin: -20px -20px 30px;text-align: center;}
.erphpdown-type-desc .type-name{margin-bottom: 5px;}
.erphpdown-type-desc .type-price span{font-size: 32px;margin-right: 5px;}
.erphpdown-type-link{display: inline-block;border-radius: 5px;min-width: 150px;padding:13px 20px 14px;font-size: 14px;color:#fff !important;background:#ff5f33;line-height: 1;text-align: center;margin: 0 10px 7px 0;}
.erphpdown-type-link:hover{color:#fff !important;}
.erphpdown-type-link:nth-child(2n){margin-right: 0;}

.erphpdown-type-wxpay{background: #00c250;}
.erphpdown-type-alipay{background: #00a3ee;}
.erphpdown-type-qqpay{background: #0BB2FF;}
.erphpdown-type-paypal{background: #0070ba;}
.erphpdown-type-stripe{background: #635bff;}
.erphpdown-type-credit{display: block;float: none;margin: 3px 0 10px 0}
.erphpdown-type-card{background: #555;display: block;float: none;margin-right: 0;}

.qie-shang{position:relative;margin-top: 50px;}
.qie-shang > .popup{position:absolute;width:280px;background:#fbfbfb;bottom:70px;left:50%;margin-left:-140px;color:#fff;box-shadow:0 0 5px 0 #ccc;border-radius:5px;line-height:0;display: none;}
.qie-shang > .wechat{background:#05af4e}
.qie-shang > .alipay{background:#00a2ea}
.qie-shang > .popup > .head{text-align:center;padding-top:30px}
.qie-shang .qrcode{text-align:center}
.qie-shang .qrcode img{margin:30px auto;width:80%}
.qie-shang ul.platform{padding:0!important;margin:0!important;text-align:center;background:#FFF;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.qie-shang ul.platform li{display:inline-block;cursor:pointer;margin:5px;filter:grayscale(100%)}
.qie-shang ul.platform li.active{font-weight:600;filter:grayscale(0%)}
.qie-shang ul.platform li.sicon-wechat{background:url(assets/img/wechat.svg) no-repeat center center;width:24px;height:24px;background-size:cover}
.qie-shang ul.platform li.sicon-alipay{background:url(assets/img/alipay.svg) no-repeat center center;width:24px;height:24px;background-size:cover}
#qie-shang-btn{display:block;width:65px;height:65px;background:#fbfbfb;margin:0 auto;border-radius:50%;line-height:65px;text-align:center;font-size:x-large;text-decoration:none;border:1px solid hsla(210,8%,51%,.09)}

.single-nav{letter-spacing:-.8rem;font-size: 16px;margin-bottom: 25px;}
.single-nav div{float:none;margin:auto;display:inline-block;width:50%;letter-spacing:.06rem;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.single-nav div a{color: inherit;}
.single-nav div a:before{content:'« '}
.single-nav div.alignright {box-shadow:-1px 0 0 #E6E9ED;text-align:right;padding: 0 1rem;}
.single-nav div.alignright a:before {display:none;}
.single-nav div.alignright a:after {content:' »';position: absolute;right: 0;}

.single-comment{padding:30px;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);border-radius: 15px;}
.comments .comments-form{position:relative;margin-bottom: 35px;}
.comments .comments-form .comments-form-item{width: 50%}
.comments .comments-form textarea{border-radius:0 0 5px 5px;padding:20px 25px 60px;height: 200px;font-size: 16px;}
.comments .comments-form .input-group{border-bottom:0;border-radius:0 5px 0 0;overflow:hidden;display: flex;}
.comments .comments-form .input-group .form-control{padding:10px 25px;height:50px;font-size:15px}
.comments .comments-form .comments-form-item:first-child .input-group{border-right:0;border-radius:5px 0 0 0}
.comments .comments-form .comments-form-item:last-child .input-group{border-radius:0 5px 0 0}
.comments .comments-form .comments-form-footer{position:absolute;width:100%;bottom:0;z-index:4}
.comments .comments-form .comments-form-footer .btn{border-radius:5px 0 5px 0}
.comments .comments-form .cancel{display: none;margin-right: 15px}
.comments .comments-form .comments-tips{margin-left: 25px;float: left;font-size: 13px;}
.comments .comment .comments-form .cancel{display: inline-block;}
.comments-list .comment{padding:25px 0 25px 70px;color:#3c4248;border-bottom: 1px dashed hsla(210,8%,51%,.09);position: relative;}
.comments .comment .comments-form{margin-top: 20px;margin-bottom: 0}
.comments-list .comment .avatar{width: 50px;height: 50px;border-radius: 50%;position: absolute;left: 0}
.comments-list .comment .comment-meta{margin-bottom: 15px;}
.comments-list .comment .comment-author{font-size: 16px;color: #50a1ff}
.comments-list .comment .comment-date{margin-left: 20px;opacity: .6;font-size: 14px;}
.comments-list .comment .comment-approved{margin-left: 20px;opacity: .7;font-size: 14px;}
.comments-list .comment .comment-reply-link{float: right;font-size: 13px;position: relative;top:3px;}
.comments-list .comment .children > .comment:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}
.comments-nav{text-align: center;}
.comments-nav a, .comments-nav span{display: inline-block;padding: 5px;margin-top: 10px;}

.about-title{font-size: 32px;font-weight: 600;margin-bottom: 10px;}
.about-desc{font-size: 20px;opacity: .8}
.about-content{width: 50%;position: relative;z-index: 1;margin: 50px auto 0px;}
.about-content:before{content: "";position: absolute;bottom: -30px;left: 35px;right: 35px;height: 200px;box-shadow: rgba(35, 49, 64, 0.09) 0px 15px 23px 0px;z-index: -1;border-radius: 20px;}
.about-content:after{content: "";position: absolute;bottom: -55px;left: 80px;right: 80px;height: 200px;box-shadow: rgba(0, 0, 0, 0.03) 0px 14px 21px 0px;z-index: -3;border-radius: 20px;}
.about-content .main-content{position: relative;box-shadow: rgba(0, 0, 0, 0.03) 0px 16px 25px 0px;z-index: 5;border-radius: 20px;padding: 80px 70px 55px;font-size: 20px;line-height: 40px;}
.about-content .main-content p{margin-bottom: 15px;}

.qie-post-actions{position:fixed;left:calc(50% - 785px);top:150px}
.qie-post-actions.fixed{top:75px;}
.qie-post-actions .icon-arrow-r{transform:rotate(-180deg)}
.qie-post-actions.scrolled{top:150px}
.qie-post-actions i{font-size:26px}
.qie-post-actions p{opacity:.6}
.qie-post-actions .cursor{position:relative;width:80px;text-align:center;letter-spacing:0;opacity:.6;display: inline-block;}
.qie-post-actions .cursor.active{color:#50a1ff;}
.qie-post-actions .cursor:hover{opacity:1}

.qie-me-404{width:100%;min-height:calc(100vh - 178px);background-image:url(assets/img/error-bg.svg);background-repeat:no-repeat;background-position:50%;background-size:cover}
.qie-404-content{position: absolute;width: 100%;text-align: center;padding: 50px 0;top: 50%;transform: translateY(-50%);}
.qie-404-content h1{color: #3c4248;font-size: 50px;margin-bottom: 36px;font-weight: normal;}
.qie-404-content p{font-size: 25px;line-height: 42px;margin: -30px 0 50px;}

.shape-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}
.shape-wrapper span{position:absolute;display:block;width:26px;height:26px;border-radius:50%}
.shape-wrapper span:first-child{background:#ff9898;top:0;left:20%;-webkit-animation:scale-upOne 3.9s ease-in infinite alternate;animation:scale-upOne 3.9s ease-in infinite alternate}
.shape-wrapper span:nth-child(2){background:#abafff;top:14%;right:7%;-webkit-animation:scale-upOne 6s ease-in infinite alternate;animation:scale-upOne 6s ease-in infinite alternate}
.shape-wrapper span:nth-child(3){background:#67f5e2;top:48%;right:62%;margin-right:-13px;-webkit-animation:scale-upOne 5s ease-in infinite alternate;animation:scale-upOne 5s ease-in infinite alternate}
.shape-wrapper span:nth-child(4){background:#ffb3b3;bottom:5%;right:25%;-webkit-animation:scale-upOne 4s ease-in infinite alternate;animation:scale-upOne 4s ease-in infinite alternate}
.shape-wrapper span:nth-child(5){background:#ffe281;bottom:4%;left:5%;-webkit-animation:scale-upOne 5s ease-in infinite alternate;animation:scale-upOne 5s ease-in infinite alternate}


.vip-content{text-align:center;margin:0 -15px 60px;}
.vip-content h2{margin: 0 0 45px;font-size: 24px;text-align: center;position: relative;font-weight: normal;}
.vip-content h2 span{position: relative;}
.vip-content h2 span:after{content: " ";width: 20px;background: #ff5f33;height: 3px;position: absolute;left: 0;top: 45px;margin-left: calc(50% - 10px);border-radius: 1.5px;}
.vip-item{padding:0 30px 30px;border-radius: 8px;background-color:#ffffff;text-align:center;width:calc(25% - 30px);margin:0 15px 30px;float: left;top:0;position:relative;box-shadow: 0px 10px 20px rgba(97, 105, 140, 0.1);transition: all .3s cubic-bezier(.4,0,.2,1);-webkit-transition: all .3s cubic-bezier(.4,0,.2,1);-moz-transition: all .3s cubic-bezier(.4,0,.2,1);-ms-transition: all .3s cubic-bezier(.4,0,.2,1);-o-transition: all .3s cubic-bezier(.4,0,.2,1);}
.vip-item:hover{top:-10px;}
.vip-item h6{font-size:20px;margin: 0 -30px;background:#ff5f33;padding:15px 0;font-weight:normal;color:#fff;border-radius: 8px 8px 0 0;}
.vip-item.item-no h6{background: #ccc;}
.vip-item.item-1 h6{background: #0ec0e6;}
.vip-item.item-2 h6{background: #514e9f;}
.vip-item.item-3 h6{background: #6f0ee6;}
.vip-item.item-4 h6{background: #d2c55d;}
.vip-item p.border-decor{margin-bottom:30px;text-align: center;}
.vip-item p.border-decor.no{height: 25px;}
.vip-item p.border-decor span{background: #f5f5f5;border-radius: 30px;padding:6px 12px;color:#333;display: inline-block;line-height: 1;font-size: 13px;}
.vip-item p.border-decor span:empty{visibility: hidden;}
.vip-item .price{font-weight:600;font-size:32px;display: block;margin:20px 0 5px;}
.vip-item .price small{font-size:14px;}
.vip-item .vip-tips-box{width:290px;height:90px;position:absolute;background:url(../img/choose.png) no-repeat left top;background-size:auto 77px;left:0;bottom:-50px;z-index:4}
.vip-item .vip-tips-box span{position:absolute;bottom:0;left:95px;line-height:24px;text-align:center;color:#555c6f;font-size:16px}
.vip-item .vip-tips-box span em{color:#6f0ee6;font-weight:500}
.vip-item ul{margin-bottom:20px}
.vip-item ul li{font-size:15px;padding-bottom:10px}
.vip-item ul li:not(:first-child){padding-top:10px}
.vip-item ul li:not(:last-child){border-bottom:solid 1px #f7f7f7}
.vip-item ul li i{width:8px;height: 8px;border:2px solid #ff5f33;border-radius: 50%;display: inline-block;margin-right: 5px;position: relative;top: -1px;}
.vip-item.item-1 ul li i{border-color: #0ec0e6}
.vip-item.item-2 ul li i{border-color: #514e9f}
.vip-item.item-3 ul li i{border-color: #6f0ee6}
.vip-item.item-4 ul li i{border-color: #d2c55d}
.vip-item .btn{color:#fff !important;background:#ff5f33 !important;border-radius: 50px;padding:10px 30px;font-size: 15px;}
.vip-item .btn.disabled{visibility: hidden;}
.vip-item.item-1 .btn{background: #0ec0e6 !important}
.vip-item.item-2 .btn{background: #514e9f !important}
.vip-item.item-3 .btn{background: #6f0ee6 !important}
.vip-item.item-4 .btn{background: #d2c55d !important}

.qie-footer{border-top: 1px solid hsla(210,8%,51%,.09);padding:12.5px 0;}
.qie-footer .logo{display: inline-block;float: left;}
.qie-footer .logo img{height: 50px;width: auto;}
.qie-footer .footbar-nav{float: left;margin-left: 60px;line-height: 50px;}
.qie-footer .footbar-nav a{color: inherit;margin:0 10px;}
.qie-footer .footbar-right{line-height:50px;float: right;opacity: .7}
.qie-footer .footer-bottom{padding:10px 0 0;font-size: 12px;text-align: center;}

#sidetools{position:fixed;right:50%;margin-right:-795px;bottom:110px;width:60px;z-index:99;display: none;}
#sidetools .sidetools-item{height:60px;background-color:#fff;margin:15px 0;border-radius:50%;text-align:center;box-shadow:0 0 10px 0 rgba(0,0,0,.1);line-height:60px;font-size:20px;position:relative}
#sidetools .sidetools-item span.sidetools-icon{display:inline-block;margin:15px;width:30px;height:30px;overflow:hidden;background-image:url(assets/img/content-sidetools.png);background-repeat:no-repeat;background-size:100%;background-position:0 -30px}
#sidetools .sidetools-item span.sidetools-icon.kfqq{background-position:0 -60px}
#sidetools .sidetools-item span.sidetools-icon.back-top{background-position:0 -150px}
#sidetools .sidetools-item .sidetools-wrapper{position: relative;}
#sidetools .sidetools-item a{display:block;width:100%;height:60px;color:#999}
#sidetools .sidetools-item .cell-img{position:absolute;width:200px;height:200px;padding:10px;box-sizing:border-box;right:80px;top:-70px;display:none;background-color:#fff;box-shadow:0 0 25px 0 rgba(0,0,0,.2);border-radius: 3px;}
#sidetools .sidetools-item .sidetools-wrapper:hover .cell-img{display: block;}
#sidetools .sidetools-item .cell-img:after{content:"";position:absolute;top:90px;right:-10px;width:0;height:0;border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
#sidetools .sidetools-item .cell-img img{width:100%;height:100%}

.user-content{padding-left: 150px;max-width: 1150px}
.user-content .article-content{padding:30px;min-height: 610px;border-radius: 15px;box-shadow: 0 20px 30px hsla(0,0%,45.5%,.02);}
.user-content table, .user-content table tbody td, .user-content table tbody th{border:none;}
.user-content table tbody tr{border-bottom: 1px solid hsla(210,8%,51%,.09)}
.user-content .table-desc{margin-top:0;font-size:12px;}
.user-content .qie-cancel-collect{color: inherit;}
.user-side{position: absolute;left: 0;top:10px;}
.user-side a{display: block;background: #fff;padding:12px 20px;font-size: 17px;width: 150px;border-radius: 10px 0 0 10px;color: inherit;margin-top: 10px;}
.user-side a:hover{color: inherit !important;}
.user-side a.active, .user-side a.active:hover{color: #50a1ff !important}
.user-form .form-group{margin-bottom: 15px;}
.user-form .form-group.form-group-bottom{margin-bottom: 25px;}
.user-form .form-group label{font-size: 15px;color: #999}
.user-form .form-group .form-control{height: 40px;font-size: 15px;}
.user-form .form-group .form-control:disabled{background: #f9f9f9}
.user-form .form-group .form-control.error{border-color: #ff5f33}
.user-form .form-group .form-textarea{height: 80px;}
.user-form .form-group .btn{padding: 4px 26px;}
.user-form .form-group .desc{font-size: 13px;color: #999}

.analysis{display: none;}
.qie-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 9998;}
.qie-dialog{position: fixed;top: 45%;left: 50%;width: 420px;z-index: 9999;overflow: hidden;font-size: 16px;background-color: #fff;border-radius: 16px;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: .3s;transition: .3s;-webkit-transition-property: opacity,-webkit-transform;transition-property: opacity,-webkit-transform;transition-property: transform,opacity;transition-property: transform,opacity,-webkit-transform;}
.dialog-main{padding:30px;text-align: center;}
.dialog-main .dialog-logo{display: inline-block;}
.dialog-main .dialog-logo img{max-height: 60px;width: auto;}
.dialog-main .dialog-item{position: relative;margin-top: 15px;}
.dialog-main .dialog-item label{opacity: .7;display: block;text-align: left;font-size: 14px;}
.dialog-main .dialog-item .dialog-input{width: 100%;border: 1px solid hsla(210,8%,51%,.15);padding: 12px 20px 12px 46px;border-radius: 5px;color: hsla(210,8%,51%,.8)}
.dialog-main .dialog-item.error .dialog-input{border-color: #ff5f33}
.dialog-main .dialog-item .icon{position: absolute;left: 12px;bottom: 5.5px;top: inherit;font-size: 22px;color: hsla(210,8%,51%,.4);}
.dialog-main .dialog-item .dialog-btn{display: block;background: #50a1ff;color: #fff;height: 50px;line-height: 50px;font-size: 18px;padding:0;border-radius: 5px;width: 100%;font-weight: normal;}
.dialog-main .dialog-item a{color: inherit;font-size: 14px;opacity: .8}
.dialog-main .dialog-item .qie-do-captcha{position: absolute;right: 12px;top: 26px;}
.dialog-main .dialog-social a{display: inline-block;margin:10px 10px 0;}
.dialog-main .dialog-social a.login-qq{color: #3F92D6;}
.dialog-main .dialog-social a.login-weibo{color: #FF766C;}
.dialog-main .dialog-social a.login-weixin{color: #40C34A;}
.dialog-main .dialog-social a .icon{font-size: 28px;}

@media (max-width: 1600px){
	.container{max-width: 1210px;}
	#sidetools{margin-right: inherit;right: 20px;}
}

@media (max-width: 1360px){
	.container{padding:0 15px;}
	.qie-content.has-left{padding-left: 0}
	.sidebar-left{display: none;}
}

@media (max-width: 1024px){
	.qie-content.has-right{padding-right: 0}
	.sidebar, #sidetools{display: none;}
	.qie-header .qie-topbar .topbar-nav a{margin: 0 7.5px;}
	.qie-header .qie-navbar .navbar-nav{position: fixed;right: 0;top:0;bottom: 0;width: 250px;margin-left:0;background: #fff;z-index: 99999;overflow-y: scroll;display: none;}
	.qie-header .qie-navbar .navbar-nav.show{display: block;}
	.qie-header .qie-navbar .navbar-nav > li{float: none;display: block;}
	.qie-header .qie-navbar .navbar-nav > li > a{height: 40px;line-height: 40px;}
	.qie-header .qie-navbar .navbar-nav .sub-menu{display: block;position: relative;box-shadow: none;padding:0;text-align: left;padding-left: 30px;}
	.qie-header .qie-navbar .navbar-nav .sub-menu li{display: block;}
	.qie-header .qie-navbar .navbar-right .nav-search{margin-right: 30px;}
	.qie-header .qie-navbar .navbar-right .nav-search .search-input{width: 200px;padding: 5px 15px;}
	.qie-header .qie-navbar .navbar-right .nav-search .search-btn{right: 15px;}
	.qie-header .qie-navbar .navbar-right .menu-trigger{display: inline-block;}
	.grid-main .post{width: 25%;}
	.grid-main .post-item .metas span{margin-right: 5px;}
	.qie-topics {margin: 0 -10px 10px;}
	.qie-topics .topic-item{width: calc(33.3333% - 20px);margin: 0 10px 20px;}
}

@media (max-width: 768px){
	.home-recommend{display: block;margin-bottom: 20px;}
	.home-recommend>div{width: 100% !important;margin-right: 0;}
	.home-recommend>div:nth-child(2){display: none;}
	.qie-header .qie-navbar .navbar-right .nav-search{margin-right: 20px;}
	.qie-content .list-title{font-size: 20px;margin-bottom: 16px;}
	.qie-content .header-filter{top:4px;}
	.qie-content .header-filter li a{padding:0 10px;}
	.qie-main{padding: 15px 0;}
	.list-main .post-item{padding:10px 10px 10px 145px;}
	.list-main .post-item.no-thumb{padding-left: 10px;}
	.list-main .post-item .item-content .title h3{font-size: 16px;}
	.list-main .post-item:not(.no-thumb) .item-content .title h3{font-size: 16px;line-height: 23px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 46px;}
	.list-main .post-item .item-thumb{width: 120px;height: 80px;margin-left: -135px;}
	.list-main .post-item .item-content{min-height: 80px;}
	.list-main .post-item .excerpt, .list-main .post-item .metas .read-more, .list-main .post-item .metas .meta-views, .list-main .post-item .metas .meta-comment, .list-main .post-item .metas .meta-zan{display: none;}
	.home-cats {margin: 0 -10px;}
	.home-cats .item{width: calc(100% - 20px)}
	.qie-pagination{margin:15px 0;}
	.qie-pagination .qie-pager{display: none;}
	.vip-item{width: calc(100% - 30px);}
	.qie-footer .logo{display: none;}
	.qie-footer .footbar-nav{float: none;margin-left: 0;line-height: 40px;}
	.qie-footer .footbar-nav a{margin:0 5px;}
	.qie-footer .footbar-nav a:first-child{margin-left: 0}
	.qie-footer .footbar-right{float: none;text-align: left;line-height: 30px;font-size: 14px;}
	.grid-main .post{width: 33.3333%}
	.single-content{padding: 15px 20px;}
	.single-content .breadcrumbs{top: -5px;}
	.single-title svg, .page-title svg{display: none;}
	.single-title span, .page-title span{margin-left: 0;top:0;font-size: 20px;}
	.page-title{margin-bottom: 20px;}
	.qie-shang{margin-top: 30px;}
	.single-comment{padding: 15px;}
	.comments .comments-form textarea{padding:15px 20px 60px;}
	.page2-main{padding: 20px 0 50px;}
	.about-content{width: 100%;margin-top: 20px;}
	.about-content .main-content{padding: 15px 20px;}
	.page-content{padding:15px 20px;}
	.qie-topics .topic-item{width: calc(50% - 20px);}
	.user-content{padding-left: 100px;}
	.user-side a{width: 100px;padding:8px 12px;font-size: 14px;}
	.user-content .article-content{font-size: 15px;line-height: 1.5}
	.user-content .time{display: none;}
}

@media (max-width: 620px){
	.grid-main{margin-left: -7.5px;margin-right: -7.5px;}
	.grid-main .post{width: 50%;padding-right: 7.5px;padding-left: 7.5px;}
	.qie-topics {margin: 0 -7.5px 10px;}
	.qie-topics .topic-item{width: calc(50% - 15px);margin: 0 7.5px 15px;}
	.grid-main .post .post-item .item-thumb{margin: -10px -10px 0;}
	.grid-main .post .post-item{margin-bottom: 15px;padding: 10px;}
	.qie-dialog{width: 95%}
}

@-webkit-keyframes scale-upOne{0%{transform:scale(1)}
to{transform:scale(.2)}
}@keyframes scale-upOne{0%{transform:scale(1)}
to{transform:scale(.2)}
}.puffIn{-webkit-animation-name:puffIn;animation-name:puffIn}
@-webkit-keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}@keyframes puffIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}.vanishIn{-webkit-animation-name:vanishIn;animation-name:vanishIn}
.vanishInSmall{-webkit-animation-name:vanishInSmall;animation-name:vanishInSmall}
@-webkit-keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);-webkit-filter:blur(90px);filter:blur(90px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}@keyframes vanishIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(2);-webkit-filter:blur(90px);filter:blur(90px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}@-webkit-keyframes vanishInSmall{0%{opacity:0;transform-origin:50% 50%;transform:scale(1.5);-webkit-filter:blur(90px);filter:blur(90px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}@keyframes vanishInSmall{0%{opacity:0;transform-origin:50% 50%;transform:scale(1.5);-webkit-filter:blur(90px);filter:blur(90px)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1);-webkit-filter:blur(0);filter:blur(0)}
}.swashIn{-webkit-animation-name:swashIn;animation-name:swashIn}
@-webkit-keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}
90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1)}
}@keyframes swashIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0)}
90%{opacity:1;transform-origin:50% 50%;transform:scale(.9)}
to{opacity:1;transform-origin:50% 50%;transform:scale(1)}
}.spaceInLeft{-webkit-animation-name:spaceInLeft;animation-name:spaceInLeft}
@-webkit-keyframes spaceInLeft{0%{opacity:0;transform-origin:0 50%;transform:scale(.2) translate(-200%)}
to{opacity:1;transform-origin:0 50%;transform:scale(1) translate(0)}
}@keyframes spaceInLeft{0%{opacity:0;transform-origin:0 50%;transform:scale(.2) translate(-200%)}
to{opacity:1;transform-origin:0 50%;transform:scale(1) translate(0)}
}.spaceInUp{-webkit-animation-name:spaceInUp;animation-name:spaceInUp}
@-webkit-keyframes spaceInUp{0%{opacity:0;transform-origin:50% 0;transform:scale(.2) translateY(-200%)}
to{opacity:1;transform-origin:50% 0;transform:scale(1) translate(0)}
}@keyframes spaceInUp{0%{opacity:0;transform-origin:50% 0;transform:scale(.2) translateY(-200%)}
to{opacity:1;transform-origin:50% 0;transform:scale(1) translate(0)}
}.spaceOutUp{-webkit-animation-name:spaceOutUp;animation-name:spaceOutUp}
@-webkit-keyframes spaceOutUp{0%{opacity:1;transform-origin:50% 0;transform:scale(1) translate(0)}
to{opacity:0;transform-origin:50% 0;transform:scale(.2) translateY(-200%)}
}@keyframes spaceOutUp{0%{opacity:1;transform-origin:50% 0;transform:scale(1) translate(0)}
to{opacity:0;transform-origin:50% 0;transform:scale(.2) translateY(-200%)}
}.slideDown{-webkit-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}
to{transform-origin:0 0;transform:translateY(100%)}
}@keyframes slideDown{0%{transform-origin:0 0;transform:translateY(0)}
to{transform-origin:0 0;transform:translateY(100%)}
}.slideDownReturn{-webkit-animation-name:slideDownReturn;animation-name:slideDownReturn}
@-webkit-keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}
to{transform-origin:0 0;transform:translateY(0)}
}@keyframes slideDownReturn{0%{transform-origin:0 0;transform:translateY(100%)}
to{transform-origin:0 0;transform:translateY(0)}
}.slideLeftReturn{-webkit-animation-name:slideLeftReturn;animation-name:slideLeftReturn}
@-webkit-keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translateX(-100%)}
to{transform-origin:0 0;transform:translateX(0)}
}@keyframes slideLeftReturn{0%{transform-origin:0 0;transform:translateX(-100%)}
to{transform-origin:0 0;transform:translateX(0)}
}.slideRight{-webkit-animation-name:slideRight;animation-name:slideRight}
@-webkit-keyframes slideRight{0%{transform-origin:0 0;transform:translateX(0)}
to{transform-origin:0 0;transform:translateX(100%)}
}@keyframes slideRight{0%{transform-origin:0 0;transform:translateX(0)}
to{transform-origin:0 0;transform:translateX(100%)}
}.slideUpReturn{-webkit-animation-name:slideUpReturn;animation-name:slideUpReturn}
@-webkit-keyframes slideUpReturn{0%{transform-origin:0 0;transform:translateY(-100%)}
to{transform-origin:0 0;transform:translateY(0)}
}@keyframes slideUpReturn{0%{transform-origin:0 0;transform:translateY(-100%)}
to{transform-origin:0 0;transform:translateY(0)}
}.openUpLeftReturn{-webkit-animation-name:openUpLeftReturn;animation-name:openUpLeftReturn}
@-webkit-keyframes openUpLeftReturn{0%{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
to{transform-origin:top left;transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}@keyframes openUpLeftReturn{0%{transform-origin:top left;transform:rotate(110deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
to{transform-origin:top left;transform:rotate(0deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}.tinRightIn{-webkit-animation-name:tinRightIn;animation-name:tinRightIn}
@-webkit-keyframes tinRightIn{0%{opacity:0;transform:scale(1) translateX(900%)}
50%,70%,90%{opacity:1;transform:scale(1.1) translateX(0)}
60%,80%,to{opacity:1;transform:scale(1) translateX(0)}
}@keyframes tinRightIn{0%{opacity:0;transform:scale(1) translateX(900%)}
50%,70%,90%{opacity:1;transform:scale(1.1) translateX(0)}
60%,80%,to{opacity:1;transform:scale(1) translateX(0)}
}.tinRightOut{-webkit-animation-name:tinRightOut;animation-name:tinRightOut}
@-webkit-keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateX(0)}
10%,30%{opacity:1;transform:scale(1.1) translateX(0)}
to{opacity:0;transform:scale(1) translateX(900%)}
}@keyframes tinRightOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateX(0)}
10%,30%{opacity:1;transform:scale(1.1) translateX(0)}
to{opacity:0;transform:scale(1) translateX(900%)}
}.tinUpIn{-webkit-animation-name:tinUpIn;animation-name:tinUpIn}
@-webkit-keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}
50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}
60%,80%,to{opacity:1;transform:scale(1) translateY(0)}
}@keyframes tinUpIn{0%{opacity:0;transform:scale(1) translateY(-900%)}
50%,70%,90%{opacity:1;transform:scale(1.1) translateY(0)}
60%,80%,to{opacity:1;transform:scale(1) translateY(0)}
}.tinUpOut{-webkit-animation-name:tinUpOut;animation-name:tinUpOut}
@-webkit-keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}
10%,30%{opacity:1;transform:scale(1.1) translateY(0)}
to{opacity:0;transform:scale(1) translateY(-900%)}
}@keyframes tinUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}
10%,30%{opacity:1;transform:scale(1.1) translateY(0)}
to{opacity:0;transform:scale(1) translateY(-900%)}
}.zanUpOut{-webkit-animation-name:zanUpOut;animation-name:zanUpOut}
@-webkit-keyframes zanUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}
10%,30%{opacity:1;transform:scale(1.1) translateY(0)}
70%,80%,90%{opacity:0;transform:scale(1) translateY(-900%)}
to{opacity:1;transform:scale(1) translateY(0)}
}@keyframes zanUpOut{0%,20%,40%,50%{opacity:1;transform:scale(1) translateY(0)}
10%,30%{opacity:1;transform:scale(1.1) translateY(0)}
70%,80%,90%{opacity:0;transform:scale(1) translateY(-900%)}
to{opacity:1;transform:scale(1) translateY(0)}
}