@charset "utf-8";
/*==========reset=========*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);text-rendering:optimizelegibility}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
article,aside,blockquote,body,button,code,dd,details,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hr,html,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary {display: block;}
audio,canvas,video{display:inline-block}
body,button,input,select,textarea{font:400 14px/1.8 PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
li,ul{list-style:none}
.art-content li,.art-content ul{list-style:inherit}
a{text-decoration:none}
a:hover{text-decoration:none}
small{font-size:.9em}
input,textarea,button{outline:0}
h1,h2,h3,h4,h5,h6{font-family:PingFang SC,Verdana,Helvetica Neue,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;font-size:100%;font-weight:400;color:#000;line-height:1.35}
code,pre,pre tt{font-family:Courier,'Courier New',monospace}
pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}
hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}
.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}
.textwrap-table{table-layout:fixed}
.serif{font-family:Palatino,Optima,Georgia,serif}
img{max-width:100%}
left{float:left}
.bgwhite{background:white;}
/*移除ios默认样式*/
input,textarea,button{outline-style:none;-webkit-appearance:none;}
.selectWrap {bottom: 0;left: 0;position: absolute;color: #333;background-color: #fff;border: 0px solid #ffffff;line-height: 34px;height: 34px;width: 80px;padding-left: 22px;border-radius: 100px;}
select {top: 35px;left: 0;position: absolute;background: #fff;outline: 0;appearance: initial;overflow-x: hidden;overflow-y: hidden;vertical-align: initial;white-space: initial;border-radius: 2px;border: 1px solid #eee;}
option {width: 75px;position: relative;padding: 8px 15px;outline: 0;text-align: center;color: #333;font-size: 14px;}
.selectWrap .icon-down {margin: 0 auto;position: absolute;right: 5px;}
.app-tui {width: 30%;padding: 8px 0 8px 0;height: 347px;}
.mod-img-list {padding: 3px 0 5px;text-align: left;overflow: hidden;}
.mod-img-list li {width:24%;padding: 8px 0;border-bottom: 1px dashed #EFEFEF;float:left;margin: 5px 5px 5px 0;overflow:hidden}
.mod-img-list .img-box img {margin: 0 10px 0 0;border-radius: 8px;width: 60px;height: 60px;}
.mod-img-list li h3 {height: 20px;overflow: hidden;font-weight: normal;}
.mod-img-list li h3 a {word-break: break-all;}
.mod-img-list p {font-size: 12px;color: #999;font-style: normal;height: 20px;overflow: hidden;font-weight: normal;}
.mod-img-list p i {color: #CDCDCD;padding: 0 3px;font-style: normal;font-weight: normal;}
.mod-img-list p em {font-weight: bold;color: #ff9f15;font-style: normal;}
.soft-hot-bd {overflow: hidden;width: 50%;margin: 15px 35px 0 0;}
.mod-img-listhot {text-align: center;line-height: 10px;}
.mod-img-listhot li {width: 20%;float: left;margin: 10px 0;}
.mod-img-listhot li img {width: 55px;height: 55px;border-radius: 10px;}
.art-content img {margin: 5px auto;}
.adszj img {width: 100%;}
/*==========global color=========*/
html{color:#333;background:#f2f2f2}
a{color:#333}
a:hover{color:#717672}
::selection{background:#114DF2;color:#fff}
::-moz-selection{background:#114DF2;color:#fff}
/*==========public class=========*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.bn{border:none!important}
.pd{padding:1.5em}
.mb{margin-bottom:25px}
.mb10{margin-bottom:10px}
.mt{margin-top:25px}
.mr{padding-right: 10px;}
.br{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.sb{background:#fff}
.sw {box-shadow: 1px 1px 1px #e6e6eb;border-bottom: 1px solid #eef1f5;background: #fff;}
.nav-sb{background:#fff}
.container{max-width:1280px;margin:0 auto}
.transition{-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.img-cover{object-fit:cover}
.center{text-align:center}
.left{float:left;}
.right{float:right;}
.w15{width:15%;}
.w80{width:80%;}
.pd10{padding:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.bline {border: 1px solid #9E9E9E;}
.block{display:block;}
/*=====渐变扫光=====*/
.gradient{background-image: -webkit-linear-gradient(-30deg, #539FF1, #f00 30%, #002DBF 70%, #539FF1);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation: text-background-animation 2s infinite linear;}
@-webkit-keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
@keyframes text-background-animation {0% {background-position:20% 0}100% {background-position:-120% 0}}
/*单行文本溢出省略*/
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*两行文本溢出省略*/
.multi-ellipsis{position:relative;line-height:1.6em!important;max-height:3.2em!important;overflow:hidden}
.multi-ellipsis:after{content:"";font-weight:700;position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-linear-gradient(left,transparent,#fff 62%);background:-o-linear-gradient(right,transparent,#fff 62%);background:-moz-linear-gradient(right,transparent,#fff 62%);background:linear-gradient(to right,transparent,#fff 62%)}
/*hover时提升按钮颜色明度*/
.brightness:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
/*修改不同视口下公共类属性的值*/
@media screen and (max-width:1200px){.mb{margin-bottom:10px}
.m-multi-ellipsis{position:relative;line-height:1.4em!important;height:2.8em!important;overflow:hidden}
.m-multi-ellipsis:after{content:"";font-weight:700;position:absolute;bottom:0;right:0;padding-left:20px;background:-webkit-linear-gradient(left,transparent,#fff 62%);background:-o-linear-gradient(right,transparent,#fff 62%);background:-moz-linear-gradient(right,transparent,#fff 62%);background:linear-gradient(to right,transparent,#fff 62%)}
}
/*不同视口下对html的显隐*/
.hidden{display:none}
@media screen and (max-width:993px){.hidden-sm-md-lg{display:none!important}
}
@media screen and (max-width:768px){.hidden-sm{display:none!important}
}
@media screen and (min-width:769px) and (max-width:992px){.hidden-md{display:none!important}
}
@media screen and (min-width:993px) and (max-width:1200px){.hidden-lg{display:none!important}
}
@media screen and (min-width:994px){.hidden-xl{display:none!important}
}

/*========标题栏组件样式========*/
.flink,.full-post,.related-art,.widget,#left_1,#left_2,#left_3,#middle_1,#middle_2,#full-post,#full-app,.related-item,.comment-list,.comment-submit{overflow: hidden;padding:1em}
.c-title {font-size: 18px;padding-bottom: 0.5em;margin-top: -0.5em;position: relative;padding-left: 15px;border-bottom: 1px solid #eee;}
/*========图片缩放效果========*/
#left_2 .thumbnail img,#aside_hot_comment .list img,#full-post .thumbnail img,.article-list img{-webkit-transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-ms-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
#left_2 .thumbnail:hover img,#aside_hot_comment .list:hover img,#full-post .thumbnail:hover img,.article-list:hover img{-webkit-transform: rotate(3deg) scale(1.2);-moz-transform: rotate(3deg) scale(1.2);-ms-transform: rotate(3deg) scale(1.2);-o-transform: rotate(3deg) scale(1.2);transform: rotate(3deg) scale(1.2);}
/*========animated========*/
.animated {-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown {0% {-webkit-transform:translateY(-80px)}100% {-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown {0% {-moz-transform:translateY(-80px)}100% {-moz-transform:translateY(0)}}
@-o-keyframes slideDown {0% {-o-transform:translateY(-80px)}100% {-o-transform:translateY(0)}}
@keyframes slideDown {0% {transform:translateY(-80px)}100% {transform:translateY(0)}}
.animated.slideDown {-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp {0% {-webkit-transform:translateY(0)}100% {-webkit-transform:translateY(-80px)}}
@-moz-keyframes slideUp {0% {-moz-transform:translateY(0)}100% {-moz-transform:translateY(-80px)}}
@-o-keyframes slideUp {0% {-o-transform:translateY(0)}100% {-o-transform:translateY(-80px)}}
@keyframes slideUp {0% {transform:translateY(0)}100% {transform:translateY(-80px)}}
.animated.slideUp {-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}
/*========header========*/
.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 5%;box-shadow:0 2px 10px rgba(0,0,0,.1);background:linear-gradient(135deg,#f28311,#ed842b);position:fixed;width:100%;z-index:999;padding-left:10%}
.nav-container{display:flex;align-items:center;width:100%}
.logo{font-size:1.5rem;font-weight:700;margin-right:30px}
.nav-menu{display:flex;list-style:none;margin:0;padding:0;flex-grow:1}
.nav-item{position:relative;margin-right:10px}
.nav-link{padding:10px;display:flex;align-items:center;font-size:1.1em}
.dropdown-menu{position:absolute;top:100%;left:0;display:none;min-width:200px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);z-index:1000}
.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;width:220px;border-radius:0 0 8px 8px;box-shadow:0 10px 20px rgba(0,0,0,.1);list-style:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:1000}
.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{padding:0}
.dropdown-link{color:#555;text-decoration:none;padding:8px 10px;display:flex;align-items:center;transition:all .2s ease;border-left:3px solid transparent}
.dropdown-link:hover{background-color:#f0f0f0;color:#6e8efb;border-left:3px solid #6e8efb}
.dropdown-link i{margin-right:10px;font-size:14px;width:18px;text-align:center;transition:all .2s ease}
.dropdown-link:hover i{color:#6e8efb}
.dropdown-submenu{position:relative}
.dropdown-submenu .dropdown-menu{left:100%;top:-8px;border-radius:8px;opacity:0;visibility:hidden;transform:translateX(10px)}
.dropdown-submenu:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(0)}
.dropdown-submenu .dropdown-link{display:flex;justify-content:space-between;align-items:center}
.dropdown-submenu .dropdown-link::after{content:"\f054";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;margin-left:10px}
.nav-item:hover .dropdown-menu{display:block}
.navbar{position:fixed;top:0;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px 0}
.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 15px;position:relative}
.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;order:2}
.m-nav-btn{order:1;display:block;z-index:1001}
.navbar-toggle{background:0 0;border:none;cursor:pointer;outline:0}
button.navbar-toggle.active{display:none}
.icon-bar{display:block;width:22px;height:2px;background-color:#333;margin:4px 0;transition:all .3s ease}
.navbar-collapse.active{left:0}
.menu-close-btn{position:absolute;top:15px;right:15px;width:30px;height:30px;background:0 0;border:none;cursor:pointer}
.menu-close-btn:after,.menu-close-btn:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#333}
.menu-close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}
.menu-close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}
.nav-menu{list-style:none;padding:0;margin:0}
.nav-item{margin:0}
.nav-link{display:block;padding:8px 0;color:#fff;text-decoration:none}
.dropdown-menu{list-style:none;padding-left:15px;margin-top:5px;display:none}
.dropdown-item{margin-bottom:5px}
.dropdown-link{display:block;padding:5px 10px 5px 15px;color:#fff;text-decoration:none}
.search{order:3}
.search-button{font-size:1.2rem;cursor:pointer}
.mh20{margin-top:10px;height:20px}
@media (min-width:992px){.m-nav-btn{display:none}
.navbar-collapse{position:fixed;margin-left:150px}
.menu-close-btn{display:none}
.nav-menu{display:flex}
.nav-item{margin:0 15px;position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background-color:rgba(237,180,95,.91);box-shadow:0 2px 5px rgb(0 0 0/10%);z-index:100;padding:10px 0}
.nav-item:hover .dropdown-menu{display:block}
.logo{order:1;width:150px}
.nav-container{justify-content:flex-start}
}
@media (min-width:992px){.nav-item{position:relative}
.dropdown-menu{position:absolute;min-width:200px;background-color:rgba(237,180,95,.91);box-shadow:0 2px 5px rgb(0 0 0/10%);z-index:100;padding:10px 0;display:none;margin-top:0}
.nav-item:hover>.dropdown-menu{display:block}
.nav-link i.fa-chevron-down{margin-left:5px;transition:transform .3s ease}
.nav-item:hover>.nav-link i.fa-chevron-down{transform:rotate(180deg)}
}
@media (max-width:991px){
.navbar-collapse{position:fixed;top:0;left:-100%;width:65%;height:100vh;background-color:rgba(225,176,39,.95);box-shadow:2px 0 5px rgb(0 0 0/10%);z-index:1000;overflow-y:auto;transition:left .3s ease;padding:50px 20px 20px}
.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:0}
.dropdown-menu.active{max-height:800px}
.nav-link i.fa-chevron-down{margin-left:5px;transition:transform .3s ease}
.dropdown-menu.active~.nav-link i.fa-chevron-down{transform:rotate(180deg)}
}
.search{display:flex;align-items:center;margin-left:auto}
.searchform{display:flex;align-items:center}
.s-input{padding:8px 15px;border:1px solid #ddd;border-radius:4px}
@media (max-width:768px){.navbar{padding:10px;flex-wrap:wrap;top:0}
.nav-container{flex-direction:column}
.logo{margin-right:0;font-size:1.2rem}
.nav-menu{flex-direction:column;width:100%;overflow:hidden;transition:max-height .3s ease-out}
.nav-menu.active{max-height:1000px;padding:10px 0}
.nav-item{width:100%;margin:5px 0}
.dropdown-menu{position:static;width:100%;box-shadow:none;display:none;background:rgba(255,255,255,.1)}
.dropdown-menu.active{display:block}
.m-nav-btn{display:block;top:25%;position:absolute;left:15px;}
.navbar-toggle{display:flex;flex-direction:column;justify-content:space-between;height:24px;width:30px;background:0 0;border:none;cursor:pointer;padding:0}
.icon-bar{height:3px;width:100%;background:#fff;transition:all .3s}
.navbar-toggle.active .icon-bar-1{transform:rotate(45deg) translate(5px,5px)}
.navbar-toggle.active .icon-bar-2{opacity:0}
.navbar-toggle.active .icon-bar-3{transform:rotate(-45deg) translate(7px,-7px)}
.search{width:100%;margin:15px 0 0}
}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
#search-area{position:absolute;bottom:23px;right:10%;z-index:2;width:15%;top:15px;}
.search-button{cursor:pointer;width:60px;height:66px;line-height:66px;margin-right:-15px;text-align:center}
.search-button i.iconfont{font-size:24px}
.searchform{width:100%;position:relative}
.s-input{width:100%;text-indent: 1.2em;border:none;background:#fff;border:1px solid #f1f1f1;font-weight:400;height:34px;line-height:34px;text-align: center;border-radius: 50px;color:#333}
.s-button{position:absolute;right:0;top:0;z-index:1;width:20%;border-radius:100px;border:none;cursor:pointer;height:34px;line-height:34px;color:#333;background:none;}
.mask-hidden{position:fixed;z-index:1;left:0;right:0;top:0;bottom:0;opacity:0;background:#000;visibility:hidden}
.mask-show{visibility:visible;opacity:.2}
.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}
/*========content======*/
#index-content{padding-top:85px;}
/*========幻灯片======*/
/*Swiper 3.0.5 自定义css*/
.swiper-container{margin-bottom:25px!important;width:100%;height:240px}
.swiper-container img{width:100%;height:240px;object-fit: cover;}
.swiper-slide{text-align:center;background:#fff}
.swiper-button-next,.swiper-button-prev{background-image:none!important;opacity:.4;background-color:rgba(0,0,0,.4);position:absolute;z-index:2;width:45px!important;height:45px!important;font-size:25px;font-weight:700;color:#fff;text-align:center;cursor:pointer;border-radius: 50px;transition:.3s}
.swiper-button-prev{left:15px!important;}
.swiper-button-next{right:15px!important;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1}
.swiper-slide .link{display:block;}
.swiper-slide .p{position:absolute;bottom:2em;color:#fff;font-size:20px;font-weight:300;z-index:2;text-align:center;width:100%;padding:0 1em}
.swiper-pagination-bullet{width:10px;height:10px;border-radius:10px;background-color:rgba(0,0,0,.2)!important;opacity:1!important}
.swiper-pagination-bullet-active{background-color:#114DF2!important;opacity:.8;width:16px!important;border-radius:30px!important;}
.swiper-pagination{text-align:right}
.swiper-pagination-bullet-active{width:20px;}
/*自定义lightgallery.min.css*/
.lg-outer .lg-thumb-outer,.lg-backdrop{background-color: rgba(0,0,0,.7)!important;}
/*app截图轮播*/
/*.app-content .swiper-button-disabled{display:none;}*/
.app-content .swiper-container {width: 100%;height: 100%;}
.app-content .swiper-container a:hover{border:none;}
.app-content .swiper-container img{width: 100%;height: 100%;}
.app-content .swiper-slide{display:block;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*========主内容区域======*/
.index-breadcrumb{height:0;}
.breadcrumb{padding:95px 0 10px 10px;opacity:.8;color: #666;}
.breadcrumb i{padding:0;}
#mainbox{width:76%}
#index-left{width:22%;}
#index-middle{width:56%;}
#index-right{width:22%;}
/*--APP列表[多页面共用]--*/
.app-list{width:100%;padding:1.5em;position:relative}
.app-list:hover{background-color:#fcfcfc;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.app-list .istop{color:#f33;padding:0 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.app-list .figure{width:70px;height:70px;overflow:hidden;margin-left:10px;}
.app-list .thumbnail{display:block;overflow:hidden}
.app-list .figure img{height:70px;width: 70px;border-radius: 15px;}
.app-list .content{margin-left:20px;color:#888;width:76%;}
.app-list .content .title{font-size:18px;}
.app-list .content i.iconfont{padding-right:5px;}
.app-list .data,.app-list .data .icon{font-size:12px;opacity:.8;}
.app-list .intro{padding:.5em 0 0 0;line-height:1.2em;}
.app-list .author,.app-list .time,.app-list .view{padding-right:1em}
.app-list .cate{opacity:.6;}
.app-list .tag{max-width:22em}
.app-list .tag a{color:#666;padding-right:8px}
.app-list .tag a:hover{color:#333;text-decoration:underline}
.app-list .download {display:block;margin-top:20px;margin-right:10px;margin-right:2;padding: 0.3em 1em;color: #114DF2;background-color: #fff;border:1px solid #114DF2;text-align: center;}
.app-list .download:hover{background-color: #114DF2;color: #fff;border:1px solid #114DF2;}
/*--文章列表[多页面共用]--*/
.article-list{width:100%;padding:1.5em;position:relative}
.article-list-zt{width:100%;margin: 1.5em 0;position:relative}
.article-list:hover{background-color:#fcfcfc;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-ms-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}
.article-list .istop{color:#f33;padding:0 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.article-list .figure{width:210px;height:130px;overflow:hidden}
.article-list .thumbnail{display:block;overflow:hidden}
.article-list .figure img{height:130px;width: 210px;}
.article-list .content{margin-left:240px;color:#888}
.article-list .content .title{font-size:20px;font-weight: 500;}
.article-list .content .title a {color: #111;}
.article-list .content .title a:hover {color: #114DF2;}
.article-list .content i.iconfont{padding-right:5px;}
.article-list .intro{padding:.3em 0 .2em 0;line-height:1.6em;color: #262626cc;}
.article-list .author,.article-list .time,.article-list .view{padding-right:1em}
.article-list .tag{max-width:22em}
.article-list .tag a{color:#666;padding-right:8px}
.article-list .tag a:hover{color:#333;text-decoration:underline}
.article-list-zt{width:100%;position:relative}
.article-list-zt .istop{color:#f33;padding:0 3px;border:1px solid #f33;border-radius:2px;font-size:14px;vertical-align:middle;display:inline-block;margin-right:5px;font-weight:200}
.article-list-zt .figure{width:200px;height:130px;overflow:hidden}
.article-list-zt .thumbnail{display:block;overflow:hidden}
.article-list-zt .figure img{height:130px;width: 180px;}
.article-list-zt .content{color:#888}
.article-list-zt .content .title{font-size:20px;font-weight: 500;}
.article-list-zt .content .title a {color: #111;}
.article-list-zt .content .title a:hover {color: #114DF2;}
.article-list-zt .content i.iconfont{padding-right:5px;}
.article-list-zt .intro{padding:.3em 0 .2em 0;line-height:1.6em;color: #262626cc;height: 70px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.article-list-zt .author,.article-list-zt .cate,.article-list-zt .time,.article-list-zt .view{padding-right:1em}
#middle_2.li_zt {width: 48.75%;float: left;margin-right: 2.5%;}
#middle_2.li_zt:nth-child(2n) {margin-right: 0;}
.jie-zt {margin: 50px 0;padding: 0;text-align: center;}
.h1-zt {font-size: 26px;}
.h2-zt {margin: 20px 0 0;color: #262626cc;}
.related-item.li_zt {width: 48.75%;float: left;margin-right: 2.5%;}
.related-item.li_zt:nth-child(2n) {margin-right: 0;}
.li_zt li.item {width: 23.875%;margin-right: 1.5%;}
.li_zt li.item:nth-child(4n+0) {margin-right: 0;}
.li_zt li.item:nth-child(8n+0) {margin-right: 0;}

/*========侧边栏======*/
.sidebar{width:22%}
.aside_qr{display:block;margin:-1em;}
.aside_qr img{width:100%;display:block;}
#divCatalog li{width:50%;display:inline-block}
#divCatalog li:nth-of-type(even){text-align:right}
#divCatalog li a{width:96%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divCatalog li a:hover{background-color:#114DF2;color:#fff;border:1px solid #114DF2}
#divPrevious li{list-style:circle;list-style-position:inside;border-bottom:1px dashed #ddd;padding:.5em 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#divPrevious li:last-child{border:none;padding-bottom:0}
#divPrevious li:first-child{padding-top:0}
#divTags li{display:inline-block}
#divTags .tag-count{font-size:12px;font-weight:100}
#divTags li a{display:inline-block;text-align:center;padding:.2em .6em;margin:.5em .2em 0 0;border-radius:3px;opacity:1;}
ul.divTags{margin-top:-.5em;}
#divTags li:nth-child(1) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(2) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(3) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(4) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(5) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(6) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(7) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(8) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(9) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(10) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(11) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(12) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(13) a{background-color:#bbf1f2;color:#3ab14a;}
#divTags li:nth-child(14) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(15) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(16) a{background-color:#d9f2fb;color:#1aa9fb;}
#divTags li:nth-child(17) a{background-color:#d9f2fb;color:#a123db;}
#divTags li:nth-child(18) a{background-color:#d9fcda;color:#04839d;}
#divTags li:nth-child(19) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(20) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(21) a{background-color:#bbf1f2;color:#04839d;}
#divTags li:nth-child(22) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(23) a{background-color:#f8cbff;color:#a123db;}
#divTags li:nth-child(24) a{background-color:#f8cbff;color:#04839d;}
#divTags li:nth-child(25) a{background-color:#ffdede;color:#e84f4f;}
#divTags li:nth-child(26) a{background-color:#fff3d0;color:#f67c23;}
#divTags li:nth-child(27) a{background-color:#d9fcda;color:#04839d;}
#divTags li:nth-child(28) a{background-color:#d9fcda;color:#3ab14a;}
#divTags li:nth-child(29) a{background-color:#d9fcda;color:#1aa9fb;}
#divTags li:nth-child(30) a{background-color:#f8cbff;color:#a123db;}
#divTags li a:hover{opacity:.8!important;-webkit-transition:all ease .2s;-moz-transition:all ease .24s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
#divMisc li{display:inline-block;padding-right:5%}
#divAuthors li,#divFavorites li,#divLinkage li{display:inline-block;padding-right:1em}
#divArchives li,#divNavBar li,#divStatistics li{display:inline-block;width:49.2%}
#divContorPanel .cp-login a,#divContorPanel .cp-vrs a{width:48.3%;display:inline-block;text-align:center;border:1px solid #ddd;border-radius:3px;padding:.5em 0;margin-top:.5em}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{background-color:#114DF2;color:#fff;border:1px solid #114DF2}
#tbCalendar{width:100%}
#tbCalendar a{width:40px;height:40px;color:#114DF2}
#tbCalendar tbody a{display:inline-block;background-color:#114DF2;color:#fff;border-radius:3px}
#tbCalendar caption{height:60px;line-height:60px}
#tbCalendar td,#tbCalendar th{width:40px;height:40px;line-height:40px}
#tbCalendar caption{font-size:18px}
#tbCalendar tbody{text-align:center}
#divSearchPanel input[type=text]{width:78%;border:none;background:0 0;font-weight:400;padding:.5em;color:#333;border:1px solid #ddd;border-radius:3px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
#divSearchPanel input[type=submit]{width:21.9%;border:none;cursor:pointer;padding:.5em;background-color:#114DF2;color:#fff;border:1px solid #114DF2;border-radius:3px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-6px}
/*--首页顶部吐血推荐--*/
#top_recommend,#top_recommend2{position:relative;padding:0em 1.5em;}
#top_recommend li,#top_recommend2 li{width:9.09%;margin-right: 1%;border-radius:0;}
#top_recommend li:nth-child(10n),#top_recommend2 li:nth-child(10n){margin-right: 0;}
#top_recommend::after{content: "";position: absolute;top: 0;left: 10px;margin-left: -10px;width: 0;height: 0;border-top: 60px solid #114DF2;border-right: 60px solid transparent;}
#top_recommend .tips {position: absolute;top: 8px;left: 5px;z-index: 1;color: #fff;font-size: 14px;font-weight: bold;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
/*--首页左侧[每日一荐]--*/
/*#left_1{height:240px;}*/
#left_1 article{display:none;width:100%;}
#left_1 article:first-child{display:block;}
#left_1 .img{width:80px;height:80px;background-color:#f2f5f9;margin:0 auto;border-radius:15px}
#left_1 .wrap{padding-top:0}
#left_1 .title{font-size:16px}
#left_1 .category{color:#999;}
#left_1 .title-wrap{margin-left:100px}
#left_1 .intro{margin-top:15px;max-height:64px;overflow:hidden;color:#888;}
#left_1 .download{padding:0.2em 2em;color: #fff;background-color: #114DF2;text-align: center}
#left_1 .div{margin-top:5px}
/*--首页左侧[图文模块]--*/
#left_2 .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
#left_2 .more:hover{color:inherit;}
#left_2 .item .p-title{height:40px;line-height:40px;font-size:14px;width:100%;font-weight:400;padding:0 5px;color:#fff;position:relative;}
#left_2 li i.iconfont{color:#666;}
#left_2 .thumbnail{position:relative;color:#eee;display:block;overflow:hidden}
#left_2 .thumbnail img{display:block;width:100%;height:130px}
#left_2 .absolute{width:100%;padding:0 1em;position:absolute;bottom:0;left:0;z-index:2}
#left_2 .mask{width:100%;height:40px;line-height:40px;position:absolute;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.8);}
#left_2 .a{width:100%;line-height: 29px;height: 29px;}
/*--首页左侧[app列表]--*/
#left_3 .item{width:100%;padding:12px 0;border-bottom: 1px solid #f5f5f7;}
#left_3 .thumbnail{height:65px;}
#left_3 .img{width:65px;height:65px;margin:0 auto;border-radius:10px}
#left_3 .wrap{padding-top:0}
#left_3 .title{font-size:16px;}
#left_3 .title-wrap{margin-left:80px;position:relative;}
#left_3 .intro{margin-top:2px;max-height:64px;overflow:hidden;color:#888;}
#left_3 .div{margin-top:5px}
#left_3 a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
#left_3 a.more:hover{color:inherit;}
#left_3 .download {position: absolute;padding: 0 1em;;color: #fff;background-color: #333;text-align: center;right: 0;z-index: 1;border-radius: 3px;top: 50%;margin-top: -0.5rem;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: none;}
#left_3 .download:hover {opacity: .8;background-color:#114DF2;}
/*--首页中栏[文章列表]--*/
#middle_2 .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
#middle_2 .more:hover{color:inherit;}
#middle_2 .item i.iconfont{color:#666}
#middle_2 .item:nth-child(even){margin-right:0;float:right;}
#middle_2 .item{width:48%;margin-right:2%;}
#middle_2 .top{width:100%;margin-right: 0;margin-bottom:11px;}
#middle_2 .item .top-title{width:100%;font-size:20px;font-weight:500;text-align: center;}
#middle_2 .item .intro{opacity:.6;}
#middle_2 .item .intro i{font-size: 12px;opacity:.4;}
#middle_2 .item .title{max-width:80%;font-weight:400;padding:4px 0;font-size:14px}
/*--首页中栏[app列表]--*/
#middle_1 .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
#middle_1 .more:hover{color:inherit;}
#middle_1 .item i.iconfont{padding-right:5px;color:#666}
#middle_1 .item:nth-child(5n+1){margin-right:0}
#middle_1 .item{width:18.4%;margin-right:2%;position:relative;text-align:center;border-radius:6px;padding:1em 0;border:1px solid #fff}
#middle_1 .item:hover{background-color:#f2f5f9;border:1px solid #ecebeb;}
#middle_1 .thumbnail{display:block;overflow:hidden;height: 70px;}
#middle_1 .thumbnail img{height:70px;width:70px;border-radius:15px}
#middle_1 .download{position:absolute;left:2.5em;padding:0 1em;color:#fff;background-color:#114DF2;text-align:center;display:none;left: 50%;bottom:0;z-index: 1;transform: translate(-50%, -50%);}
#middle_1 .item .title{width:100%;padding:6px;font-size:14px}
#middle_1 .item .sub{font-size:12px;opacity:.6;padding-top:5px;display: block;}
#middle_1 .item:hover .download{display:block;}
#middle_1 .item:hover .sub{opacity:0;}
/*--首页通栏【文章图片】--*/
#bankuai{padding: 1em;}
#full-post .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
#full-post .more:hover{color:inherit;}
#full-post .item{width:23.48%;margin-right:2%;margin-top:2%;}
#full-post .item:nth-child(4n+0){margin-right:0;}
#full-post .item:nth-child(1),#full-post .item:nth-child(2),#full-post .item:nth-child(3),#full-post .item:nth-child(4){margin-top:0;}
#full-post .item i.iconfont{color:#666}
#full-post .thumbnail{position:relative;color:#eee;display:block;overflow:hidden}
#full-post .thumbnail img{display:block;width:100%;height:170px}
#full-post .absolute{width:100%;padding:0 1em;position:absolute;bottom:6px;left:0;z-index:2}
#full-post .mask{width:100%;height:40px;line-height:40px;position:absolute;bottom:0;left:0;z-index:1;background:rgba(0,0,0,.8);}
#full-post .a{width:100%;}
/*--首页通栏2【最新app】--*/
#full-app .item{width: 23.48%;margin-right: 2%;margin-top: 0;background:#fff;padding:20px 10px;border-bottom: 1px solid #f5f5f7;border-radius: 3px;}
#full-app .item:nth-child(4n+1){margin-right:0;}
#full-app .item:nth-child(2),#full-app .item:nth-child(3),#full-app .item:nth-child(4),#full-app .item:nth-child(5){margin-top:0;}
#full-app .thumbnail{height:70px;}
#full-app .img{width:70px;height:70px;margin:0 auto;border-radius:10px}
#full-app .wrap{padding-top:0}
#full-app .title{font-size:16px;font-weight:500;}
#full-app .title-wrap{margin-left:85px;position:relative;}
#full-app .intro {margin-top: 5px;color: #888;font-size: 14px;overflow: hidden;line-height: 20px;}
#full-app .div{margin-top:5px}
#full-app a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
#full-app a.more:hover{color:inherit;}
#full-app .download {position: absolute;padding: 0 1em;color: #fff;background-color: #000;text-align: center;z-index: 1;border-radius: 3px;right: 0;top: 50%;margin-top: -0.5rem;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display: none;}
#full-app .download:hover {opacity: .7;}
/*--首页右侧栏【日月年热榜】--*/
.widget_top10{padding:0;}
.table_card .tab {height:51px;font-size:16px;border-bottom:1px #e6e6e6 solid;background: #fcfcfc;}
.table_card .tab li {float:left;height:50px;line-height:50px;width:33.32%;text-align:center;background:#fff;border-right:1px #e6e6e6 solid;}
.table_card .tab li:last-child{border-right:none;} 
.table_card .tab li:hover {height: 50px;background:#ff7d00;color: #ffffff;cursor: pointer;}
.table_card .active {height:51px !important;background:#ff7d00 !important;color:#fff;}
.table_card .tabCon {background:#fff;padding:10px;}
.table_card .tabCon ul {display:none}
.table_card .tabCon .on {display:block}
.table_card .item{width:100%;padding:11px 0;}
.table_card .thumbnail{height:65px;}
.table_card .img{width:65px;height:65px;margin:0 auto;border-radius:10px}
.table_card .wrap{padding-top:0}
.table_card .title{font-size:16px;}
.table_card .title-wrap{margin-left:115px}
.table_card .intro {margin-top: 1px;max-height: 20px;overflow: hidden;color: #888;}
.table_card .div{margin-top:5px}
.table_card .iconfont{position:relative;color:#fff;font-size:28px;margin-right: 10px;top: 50%;margin-top: 0.5rem;}
ul li:nth-child(1) .list-1{color:#f00;}
ul li:nth-child(2) .list-1{color:#ff7100;}
ul li:nth-child(3) .list-1{color:#f7aa00;}
ul li:nth-child(4) .list-1{color:#e3b349;}
ul li:nth-child(5) .list-1{color:#ebc778;}
ul li:nth-child(6) .list-1{color:#f3dcaa;}
ul li:nth-child(1) small,ul li:nth-child(2) small,ul li:nth-child(3) small,ul li:nth-child(4) small,ul li:nth-child(5) small,ul li:nth-child(6) small{color:#fff!important;}
.table_card .iconfont small{position:absolute;top: 9px;left: 9px;font-size:16px;font-weight:bold;color:#666;}
.table_card a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.table_card a.more:hover{color:inherit;}
/*--热门文章--*/
#aside_hot li{border-bottom:1px dashed #ddd;padding:.5em 0}
#aside_hot li:first-child{padding-top:0}
#aside_hot li:last-child{border:none;padding-bottom:0}
#aside_hot li a{margin-left:15px;display:block}
#aside_hot .list{float:left;color:#666;}
#aside_hot .list-1,#aside_hot .list-2,#aside_hot .list-3{color:#114DF2}
/*--最新文章--*/ 
#aside_new .list{padding:.6em 0}
#aside_new li{list-style-type:circle;list-style-position:inside}
#aside_new li:first-child{padding-top:0}
#aside_new li:last-child{padding-bottom:0}
#aside_new .time,#aside_new .view{color:#999}
#aside_new .list .img-wrap{float:left;overflow:hidden;display:block;height:70px;width:100px}
#aside_new .random-img{float:left;width:100px;height:70px}
#aside_new .new-text{margin-left:120px}
#aside_new .title{line-height:1.6em}
/*--热门评论--*/ 
#aside_hot_comment .list{padding:.615em 0}
#aside_hot_comment li:first-child{padding-top:0}
#aside_hot_comment li:last-child{padding-bottom:0}
#aside_hot_comment .comment,#aside_hot_comment .time{color:#999;padding-right:1.5em}
#aside_hot_comment .comment i.iconfont,#aside_hot_comment .time i.iconfont{padding-right:2px}
#aside_hot_comment .list .img-wrap{overflow:hidden;display:block;height:60px;width:90px}
#aside_hot_comment .random-img{width:90px;height:60px}
#aside_hot_comment .new-text{margin-left:100px}
#aside_hot_comment .title{line-height:1.6em}
/*--最新留言--*/
.divComments{padding-top: 5px;}
#divComments .list{padding:.68em 0}
#divComments li:first-child{padding-top:0}
#divComments li:last-child{padding-bottom:0}
#divComments .avatar{float:left;display:block}
#divComments .avatar img{width:50px;height:50px;border-radius:50px;border:2px solid #fff;box-shadow:2px 2px 3px #efefef;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out}
#divComments .title{margin-left:65px}
#divComments .title .a{display:block}
#divComments .info i.iconfont{padding-right:5px}
#divComments .info{color:#999}
#divComments .author{padding-left:1em}
/*--文章页作者信息--*/ 
#widget_aside_author .title{margin:-1.5em;background:#f8f8f8;padding:1.5em;background-size:100%!important}
#widget_aside_author .img{border-radius:100px;width:70px;height:70px;margin:0 auto;display:block;border:5px solid rgba(255,255,255,.8)}
#widget_aside_author .avatar{margin-top:50px;display:block}
#widget_aside_author .name{font-size:22px;text-align:center}
#widget_aside_author .level{font-size:12px;background-color:#114DF2;padding:2px 6px;color:#fff;text-align:center;display:inline-block;vertical-align:middle}
#widget_aside_author .intro{color:#888;text-align:center}
/*--首页友情链接--*/ 
.flink{margin-bottom:25px}
.flink .iconfont{color:#333}
.flink a.iconfont:hover{color:#114DF2}
.flink .rule{font-size:14px;font-weight:400;padding-left:2em;color:#999}
.flink .f-list li{float:left;padding-right:2em}
.flink .f-list li a{font-size:14px}
/*--app详情页--*/
.app-main{padding:2em}
.app-main figure{width:120px;margin:10px 20px 0 0;}
.app-main figure img{width:90px;height:90px;border-radius: 15px;margin-left: 10px;}
.app-main figure .download{width:inherit;display: block;margin-top: 10px;padding: 0.2em 0.8em;color: #fff;background-color: #114DF2;border: 1px solid #114DF2;text-align: center;border-radius: 5px;}
.app-main figure .download:hover{opacity: .7;}
.app-main .main{margin-right:0;width:650px;}
.app-main .main h1{font-size:20px;font-weight: bold;}
.app-main .main .tag{margin:10px 0;}
.tags{font-size:12px;height:2em;line-height:2em;padding:0 1em;text-align:center;display:inline-block;margin-right:.5em;margin-bottom: .5em;opacity:1;}
.tags:hover{opacity:.8!important;}
.tags:nth-child(1){background-color:#d9f2fb;color:#1aa9fb;}
.tags:nth-child(2){background-color:#d9fcda;color:#3ab14a;}
.tags:nth-child(3){background-color:#fff3d0;color:#f67c23;}
.tags:nth-child(4){background-color:#f8cbff;color:#a123db;}
.tags:nth-child(5){background-color:#bbf1f2;color:#04839d;}
.tags:nth-child(6){background-color:#ffdede;color:#e84f4f;}
.tags:nth-child(7){background-color:#d9fcda;color:#3ab14a;}
.tags:nth-child(8){background-color:#bbf1f2;color:#04839d;}
.app-main .main li{width:25%;padding: 5px 0; border-bottom: 1px dashed #f5f0f0;}
.app-main .main li:nth-child(odd){width:25%;}
.app-main .main li span{color:#27723b;}
.app-main .head-info{color:#999;border-bottom:1px solid #eee;padding-bottom:25px;}
.app-main .head-info .qr{width:100px;margin-left:10px;float: left;}
.app-main .head-info .qr .p{font-size:12px;padding-top:10px}
.app-main .head-info .wrong i{font-size:12px;padding-right:2px;}
.app-main .head-info .wrong {width: inherit;display: block;margin-top: 10px;height: 2.4em;line-height: 2.4em;color: #666;background-color: #ffffff;border: 1px solid #666;text-align: center;font-size: 12px;}
.app-main .head-info .wrong:hover{opacity:.7}
.app-content .title-css {height: 35px;position: relative;padding-left: 15px;line-height: 35px;overflow: hidden;font-size:18px;    border-bottom: 1px solid #e9e6e6;}
.app-content .title-css .i {display: block;width: 3px;height: 18px;line-height: 18px;text-align: center;position: absolute;left: 3px;top: 8px;overflow: hidden;background-color: #114DF2;color: #fff;}
.app-main .app-content{padding-top:10px;position:relative;font-size:16px;width:100%!important;overflow:hidden;margin: 20px 0;word-break:break-all;    border-bottom: 1px solid #e9e6e6;}
.app-content a{color:#114DF2}
.app-content a:hover{border-bottom:1px dashed #114DF2}
.app-content h1,.app-content h2,.app-content h3,.app-content h4,.app-content h5,.app-content h6{margin:10px 0}
.app-content h1{font-size:1.8em}
.app-content h2 {width: 100%;height: 34px;line-height: 34px;font-size: 16px;font-weight: normal;background: #f5f5f5;text-indent: 12px;margin: 0px 0 20px 0;border-left: 4px solid #f2a211;}
.app-content h3 {width: 100%;height: 34px;line-height: 34px;font-size: 16px;font-weight: normal;background: #f5f5f5;text-indent: 12px;margin: 0px 0 20px 0;border-left: 4px solid #f2a211;}
.app-content h4 {width: 100%;height: 34px;line-height: 34px;font-size: 16px;font-weight: normal;background: #f5f5f5;text-indent: 12px;margin: 0px 0 20px 0;border-left: 4px solid #f2a211;}
.app-content h5 {width: 100%;height: 34px;line-height: 34px;font-size: 16px;font-weight: normal;background: #f5f5f5;text-indent: 12px;margin: 0px 0 20px 0;border-left: 4px solid #f2a211;}
.app-content h6 {width: 100%;height: 34px;line-height: 34px;font-size: 16px;font-weight: normal;background: #f5f5f5;text-indent: 12px;margin: 0px 0 20px 0;border-left: 4px solid #f2a211;}
.app-content blockquote{color:#666;font-weight:400;border-left:4px solid #f2a211;padding:.5em 1em;background-color:#f9f9f9}
.app-content img{}
.app-content table {border-collapse:collapse;empty-cells:show;border-spacing:0}
.app-content table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
.app-content table th,.app-content table td{padding:.3em .5em;margin:0;vertical-align:top;border:1px solid #ddd}
.app-content blockquote,.app-content dl,.app-content form,.app-content hr,.app-content ol,.app-content p,.app-content pre,.app-content table,.app-content ul{font-weight:400;margin-bottom:1rem}
.app-content blockquote p,.app-content ul p{margin-bottom:0}
.app-content li{margin-left:1.2em;list-style: normal;}
.app-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
.app-content audio,.app-content img,.app-content video{}
.app-content b,.app-content strong{font-weight:700;}
.app-content .padding{padding-right:.5em}
.app-content .app-copyright,.app-content .tag-wrap{font-size:14px}
.app-content .tags{border:1px solid #ddd;padding:.1em .5em;text-align:center;color:#333}
.app-content .tags:hover{background-color:#114DF2;color:#fff;border:1px solid #114DF2}
.app-copyright{background:#f8f8f8;padding:1em 1.5em}
.app-copyright .copyright{font-weight:700;padding-top:10px}
.prev-next{padding:1.5em}
.prev-next strong{font-weight:400}
.prev-next .post-next,.prev-next .post-prev{width:46%;color:#999;font-size:16px}
.prev-next .post-next{text-align:right}
.prev-next .next,.prev-next .prev{display:block;font-size:14px}
.quick-prev-next .next,.quick-prev-next .prev{position:fixed;z-index:1;top:45%;height:50px;line-height:50px;width:50px;font-size:50px;color:#888}
.quick-prev-next .next:hover,.quick-prev-next .prev:hover{color:#333}
.quick-prev-next .prev{left:0}
.quick-prev-next .next{right:0}
/*--专题详情页--*/
.blur {-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);}
.blur-layer {width: 100%;height: inherit;opacity: .2;}
.topic-content .title-topic{margin-bottom: 1rem}
.title-topic {display: inline-block;background: #f2f5f9;border-radius: 55px;height: 35px;position: relative;padding-left: 35px;padding-right: 15px;line-height: 35px;overflow: hidden;font-size:18px;}
.title-topic .i {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;position: absolute;left: 10px;top: 8px;overflow: hidden;background-color: #114DF2;color: #fff;font-size: 14px;}
.topic-main figure{position:absolute;top:1.5em;left:1.5em;z-index:2;width:80px;height:80px;margin-right:15px;}
.topic-main figure img{width:80px;height:80px;border-radius: 15px;border: rgba(255,255,255,.5);box-shadow: 1px 1px 3px #fff;}
.topic-main .download{width:60px;height: 24px;line-height: 24px;display:block;color: #fff;background-color: #114DF2;text-align: center;border-radius: 100px;opacity:.7;}
@media screen and (max-width:1200px){
.topic-main figure{position:absolute;top:1.5em;left:1em;z-index:2;width:70px;height:70px;margin-right:15px;}
.topic-main figure img{width:70px;height:70px;border-radius: 15px;border: rgba(255,255,255,.5);box-shadow: 1px 1px 3px #fff;}
.topic-main .download:hover{opacity:1;}
.topic-main .main{position:absolute;top:1.5em;right:1.5em;width:66.6%;z-index:2;}
.topic-main .main h2{font-size:18px;width:60%;}
.topic-main .main li{width:50%;font-size:12px;}
.topic-main .head-info{width:48%;height:120px;border-radius:10px;position:relative;z-index:1;}
.topic-main .head-info:nth-child(even){float:right;}
.topic-main .head-info .top{margin-top:5px;margin-bottom:5px;}
.topic-main .head-info{width:100%;}
.topic-main .main{top:1em;right:1em;}
.topic-main .head-info{height:110px;}
#middle_2.li_zt {width: 100%;}
}
/*--文章详情页--*/
.art-head{text-align:center;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.art-main{padding:3em}
.art-main .art-title{font-size:26px;font-weight: normal;color:#333;}
.art-main .head-info{color:#999;padding-top:5px;overflow: hidden;color:#666;}
.art-main .head-info i.iconfont{padding-right:2px}
.art-main .head-info .author,.art-main .head-info .comment,.art-main .head-info .edit,.art-main .head-info .time,.art-main .head-info .view{padding-right:1em}
.art-main .art-content{padding-top:10px;position:relative;font-size:16px;width:100%;word-break:break-all}
.art-content a{color:#114DF2}
.art-content a:hover{border-bottom:1px dashed #114DF2}
.art-content h1,.art-content h2,.art-content h3,.art-content h4,.art-content h5,.art-content h6{margin:10px 0}
.art-content h1{font-size:1.8em}
.art-content h2{font-size:1.6em}
.art-content h3{font-size:1.4em}
.art-content h4{font-size:1.2em}
.art-content h5{font-size:1em}
.art-content h6{font-size:0.8em}
.art-content p{line-height:2em}
.art-content blockquote{color:#666;font-weight:400;border-left:4px solid #f2a211;padding:.5em 1em;background-color:#f9f9f9}
.art-content img {display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: baseline;margin: 10px auto;}
.art-content table {border-collapse:collapse;empty-cells:show;border-spacing:0}
.art-content table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
.art-content table th,.art-content table td{padding:.3em .5em;margin:0;vertical-align:top;border:1px solid #ddd}
.art-content blockquote,.art-content dl,.art-content form,.art-content hr,.art-content ol,.art-content p,.art-content pre,.art-content table,.art-content ul{font-weight:400;margin-bottom:1rem}
.art-content blockquote p,.art-content ul p{margin-bottom:0}
.art-content li{margin-left:1.2em;list-style: normal;}
.art-content hr{border:none;margin-top:1.5rem;margin-bottom:1.5rem;border-top:1px solid #eee;height:1px;background:0 0}
@media screen and (max-width:1200px){
.art-content audio,.art-content img,.art-content video{height: auto !important;}
}
.art-content b,.art-content strong{font-weight:700;}
.art-content .padding{padding-right:.5em}
.art-content .art-copyright,.art-content .tag-wrap{font-size:14px}
.art-content .tags{border:1px solid #ddd;padding:.1em .5em;text-align:center;color:#333}
.art-content .tags:hover{background-color:#114DF2;color:#fff;border:1px solid #114DF2}
.art-copyright{background:#f8f8f8;padding:1em 1.5em}
.art-copyright .copyright,.art-copyright .from{font-weight:700;padding-top:10px}
/*文章包含的app*/
.art-content .topic-main li{margin-left:0;}
.art-content .topic-main h2{margin:0;}
/*--app猜你喜欢--*/
.related-item .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
.related-item .more:hover{color:inherit;}
.related-item .item{width:100%;padding:15px 0;border-bottom: 1px solid #f5f5f7;}
.related-item .item i.iconfont{padding-right:5px;color:#666}
.related-item .item:nth-child(8n+0){margin-right:0}
.related-item .item{width:11.17%;margin-right:1.5%;position:relative;text-align:center;border-radius:6px;padding:1em 0;border:1px solid #fff}
.related-item .item:hover{background-color:#f1cea9;border:1px solid #ecebeb;}
.related-item .thumbnail{display:block;overflow:hidden;height: 70px;}
.related-item .thumbnail img{height:70px;width:70px;border-radius:15px}
.related-item .download{position:absolute;left:2.5em;padding:0 .5em;color:#fff;background-color:#114DF2;text-align:center;display:none;left: 50%;bottom:0;z-index: 1;transform: translate(-50%, -50%);}
.related-item .category{font-size:12px;color: #999;}
.related-item .item .title{width:100%;padding:6px;font-size:14px}
.related-item .item .sub{font-size:12px;opacity:.6;padding-top:2px;height:20px;display:block;}
/*--app专题列表推荐--*/
.topic-list .figure,.topic-list .figure img{width: 330px;height: 230px;}
.topic-list .content{margin-left:350px;}
.topic-list .related-item .item{width:15.38%;}
.topic-list .related-item{padding:0;margin-top:5px;}
.topic-list:hover .related-item img{transform:none;}
.topic-list:hover .related-item .item{border:1px solid #fcfcfc;}
.topic-list:hover .related-item .item:hover{border:1px solid #f1f1f1;}
.topic-list .content > .title,.topic-list .content > .intro{margin-left:10px;}
.topic-list .related-item .item{display:none;}
.topic-list .related-item .item:nth-child(-n+6){display:block;}
.topic-list .related-item .item:nth-child(6){margin-right:0;}

@media screen and (max-width:1268px){
.topic-list .intro{padding:0;line-height:1.5!important;}
.topic-list .content > .title,.topic-list .content > .intro{margin-left:0;}
.topic-list .figure, .topic-list .figure img{width: 220px;height: 90px;}
#index-middle {width: 78%;}
.app-main .main {width: 58%;}
.app-tui {display: none;}
.soft-hot-bd {display: none;}
.app-main .head-info .qr {float: right;}
#index-left {display: none;}
}

/*--相关文章--*/
.related-art li{width:46%;margin:1px 0;}
.related-art li:nth-child(odd){margin-right:8%;}
.related-art li .title{width:100%;display:block;font-size: 16px;}
/*评论*/
#divCommentPost label{margin-top:5px}
#divCommentPost img{margin-bottom:-0.5em}
#divCommentPost .hook{float:none!important;}
#cancel-reply{float:none!important;margin-right:2em}
div.reply-frm{background:#fff;box-shadow: 0 4px 14px rgba(0,0,0,.1);margin-top:1em;padding:.3em .8em!important;min-width:600px;border-radius: 3px;}
#cancel-reply small{font-size:16px;color: #ff6666;margin-left: 1em;}
#divCommentPost input.text{border:1px solid #d7d7d7;line-height:38px;height:38px;padding:10px;width: 96%;border-radius: 3px;}
.verify-wrap{position:relative;}
.verify-wrap img{border-radius: 3px;position:absolute;right:0;top:0;height: 38px!important;width: 100px!important;border: 1px solid #d7d7d7;background: #ffffff;}
#ctf_content{margin-top: 10px;color: #6b7386;padding:10px;width:100%;height:130px;border:1px solid #d7dae0;border-radius: 3px;}
#divCommentPost input.button{color:#fff;background-color:#666;text-align:center;height:42px;line-height:42px;border-radius:3px;width:120px;display:block;margin-top: 10px;cursor:pointer;float: right; padding: 0 20px 10px 30px;}
#divCommentPost input.button:hover{opacity: .7;}
ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;border-bottom: 1px solid #f5f5f5;padding: 15px 0;word-wrap:break-word}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em}
li.msggravatar{display:block;float:left;margin-right:5px}
li.msgarticle{list-style-position:outside;padding:5px;padding-right:0;margin:0;/*border-bottom:1px solid #eaeaea*/}
ul.msg li.msgarticle{margin-left:60px;}
li.msgtime{padding:5px 0 0 0;font-weight:400;font-size:.8em}
.msg img.avatar{width:60px;height:60px;float:left;padding:2px;border-radius: 50px;border: 1px solid #fff;box-shadow: 2px 2px 3px #efefef;}
ul.msg ul.msg{padding:10px 0 0 0;/*margin:20px 0 0 0;border-top:1px solid #eaeaea;*/border-bottom:none}
ul.msg ul.msg li.msgarticle{padding-bottom:0;border-bottom:0 solid #eaeaea;}
li.msgname .commentname{padding-left:1.5%;padding-top: 1%;display: inline-block;}
.comment-main{display:inline-block;padding: 0 15px;border-radius: 5px;margin-left:1.5%;width: 98.5%;}
.comment-main .time{font-size:12px;opacity:.6;}
.commentname a{color:#114DF2;}
.comment-main .content{font-size: 16px;line-height: 1.6;padding-top:5px;word-break: break-all;}
.revertcomment {font-size: 14px;padding-left:1em;white-space: nowrap;}
.revertcomment a{opacity:.4;}
.input-wrap{margin:10px 0;}
.input-wrap .name,.input-wrap .mail,.input-wrap .site,.input-wrap .verify{width:25%;}
/*ajax第二层，刷新后恢复原背景色*/
li.msgarticle .comment-main .comment-main{background:#fff;min-width: 340px;}
/*--分页--*/
.pagebar{text-align:center;background: #fff;padding: 1.5em;z-index: 1;position: relative;}
.pagebar b{margin-top: 10px;padding:0 1em;line-height:34px;text-align:center;margin:10px 0 0 5px;display:inline-block;background-color:#114DF2;color:#fff}
.pagebar a{background:#fff;color:#1a1a1a;border: 1px solid #eee;padding: 0 1em;line-height: 34px;text-align: center;margin: 10px 0 0 5px;display: inline-block;}
.pagebar a:hover{background-color:#114DF2;color:#fff}
.ias-spinner{background:url(/view/yunmao/images/loading.gif) no-repeat center;float:inherit;width:98%;margin:0 auto;height:35px}
.ias-trigger-next{cursor:pointer;float:inherit;text-align:center;padding:1.5em 0}
.ias-trigger-next a{background:#fff;color:#333;padding:.8em 2em;line-height:100%;border-radius:2px;box-shadow:0 1px 2px 0 rgba(51,51,51,.3)}
.ias-trigger-next a:hover{box-shadow:0 3px 2px 0 rgba(51,51,51,.2)}
.ias-trigger-next i{margin-right:5px}
/*========广告位======*/
.ad a{display:block;line-height:0}
.ad img{width:100%}
/*========footer======*/
.footer{width:100%;color:#cdcaca;padding:1em;font-size:.9em;background-color:#333;text-align:center}
.footer i{font-style:normal;padding:0 5px;}
.footer a{color:#cdcaca}
.footer a:hover{color:#ff5e3a}
.footer small .icp{padding-left:1em;}
.f-about{padding:1% 0;}
.f-about p {line-height: 1.8em;}
.footer .icp,.footer .contact{padding-left:8px;}
/*--回顶部--*/
.toolbar{z-index:1;bottom:80px;position:fixed;right:0;margin-right:15px;cursor:pointer}
#totop{display:none}
.toolbar i.iconfont{color:#fff;font-size:24px;opacity:1}
.toolbar .btn{width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;}
.toolbar .btn:hover{opacity: .7;}

@media screen and (max-width:993px){
.s-input,.s-button{height:50px;line-height:50px;background:#fff;}
.h-wrap,.header{height:50px}
.logo-area{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);padding:5px 0 0 0}
.logo-area .img{width:80pt}
.m-nav-btn{display:block;height:0;}
.pc-nav{margin-right:0}
.responsive-nav {width: 50%;height: 100%;position: fixed;left: 0;top: 50px;bottom: 0;overflow-x: hidden;overflow-y: auto;z-index: 9;display: none;background: url(/view/yunmao/images/nav_bg.png) repeat 200% #565656;}
.nav-sb{box-shadow:none}
.m-nav{width:100%;margin-top: 20px;}
.m-nav-btn i.iconfont{position:absolute;top:0;left:0;font-size:20px;cursor:pointer;width:50px;height:50px;line-height:56px;color: #000;text-align:center}
.m-nav-btn i.active{color:#333;z-index:10}
.nav-ul>li{line-height:38px;position:relative;width:100%;display:inherit;margin-right:0;text-align:left}
.nav-ul>li:first-child{border-top:none}
.nav-ul>li>a{height:50px;font-size:16px;display:block;text-indent:4vw;color:#fff;line-height:50px;}
.nav-ul>li>a i.fa{font-size:1em;padding-right:3px}
span.toggle-btn{position:absolute;height:50px;width:50px;line-height:50px;color:#aaa;text-align:center;top:0;right:0;cursor:pointer;z-index:100;display:block}
span.toggle-btn i.iconfont{color:#eee;font-size:18px}
.m-nav-btn .active:before{content:"\e630"}
.toggle-btn .active:before{content:"\e626"}
.m-nav .sub-nav{background-color:#114DF2;text-align:left;position:relative;left:0;min-width:100%;z-index:10;font-size:14px;top:0;border-radius:0}
.m-nav .sub-nav>li{position:relative;text-align:left;line-height:50px;float:left;width: 100%;border-bottom:1px solid rgba(255,255,255,.1)}
.sub-nav li:last-child{border-bottom:0 solid transparent}
.m-nav .sub-nav>li>a{text-indent:1.5em;color:#fff;display:block;height:50px;font-size:16px;text-indent:2em}
.m-nav .sub-nav>li ul li>a{text-indent:3em}
.breadcrumb,.breadcrumb2{padding:55px 0 5px 10px!important;font-size: 13px;}
.search-button{position:absolute;top:0;right:14px;z-index:1;height:50px;width:50px;display:block}
.search-button i.iconfont{height:50px;width:50px;line-height:50px;text-align:center;display:block;color: #fff;font-size:18px}
#search-area{left:0;width:96%;bottom:-60px;display:none;}
#index-content{padding-top:0;}
#index-left,#index-middle{width:100%;}
#index-left,#index-middle{padding-right: 0;}
#full-app,.post-comment,.recommend-b,.widget{padding:20px 15px 15px 15px}
#mainbox{width:100%}
#left_2 .thumbnail img{height:45vw;}
.swiper-container{margin-bottom:10px!important;width:100%;height:35vw;border-radius:0!important;}
.swiper-container img{height:35vw;}
#middle_1 .item{width:21%;display:none;padding: .5em 0;}
#middle_1 .item:nth-child(6){margin-right:2%!important;}
#middle_1 .item:nth-child(11){margin-right:2%!important;}
#middle_1 .item:nth-child(-n+13){display:block;}
#middle_1 .item:nth-child(4n+1){margin-right:0}
#middle_1 .item:hover .download{display:none;}
#middle_1 .item:hover .sub{opacity:1;}
#middle_1 .item .title{font-size:14px}
#middle_2 .item{display:none;}
#middle_2 .item:nth-child(-n+6){display:block;}
#full-post .item{width:47%;margin-top:3%!important;}
#full-post .item:nth-child(2n+0) {margin-right: 0;}
#full-app .item{width:100%;padding:20px 5px;}
#full-app .item:nth-child(2),#full-app .item:nth-child(3),#full-app .item:nth-child(4),#full-app .item:nth-child(5){margin-top:2%;}
#full-app .item:last-child{border:none;}
.app-list{padding:1em}
.app-list .figure{margin-left:0;}
.app-list .content{width:50%;margin-left:10px;}
.app-list .download{margin-right:0;padding: 0.3em .7em;}
.app-main{padding:1em}
.app-main .head-info{position:relative; padding: 0 1em;}
.app-main figure{width:80px;height:80px;}
.app-main figure img{width:80px;height:80px;border-radius:10px;margin-left:0;}
.app-main figure .download{width:100px;position:absolute;top:0px;right:0;margin-top:0;}
.app-main figure .download2{width:100px;position:absolute;top:35px;right:0;margin-top:10px;}
.app-main figure .size{width:50%;position:absolute;top:25px;left:95px;}
.app-main figure .stars {position: absolute;left: 95px;}
p.stars.ellipsis {margin-left: 0!important;}
.app-main figure .num{width:50%;position:absolute;top:48px;left:95px;}
.app-main .main{width:100%;position:relative;}
.app-main .main h1{position:absolute;top: -76px;left: 80px;max-width:70%;font-size:18px;}
.app-main .main li:nth-child(2n+1){width:50%;}
.app-main .main li{width:50%;font-size:13px;}
.related-art li{width:100%;}
p.ellipsis.fl.xiazai{position:absolute;margin:-35px 0 0 180px;color:#a1bba5}
.mod-img-list li{width:48%;text-overflow:ellipsis;white-space:nowrap}
#top_recommend {margin-top: 4em;}
#top_recommend li,#top_recommend2 li{width:23.6%;margin-right: 1.8%;border:none;}
#top_recommend li:nth-child(4n),#top_recommend2 li:nth-child(4n){margin-right:0;}
#top_recommend li:nth-child(5),#top_recommend2 li:nth-child(5){margin-right: 1.8%;}
#top_recommend2 .item:hover {background: none!important;border: none!important;}
#top_recommend .tips{font-size:12px;}
#top_recommend::after {border-top: 50px solid#f65220;border-right: 50px solid transparent;}
.related-item .item{width:23.6%;display:none;padding: .5em 0;}
.related-item .item:nth-child(5){margin-right:2%!important;}
.related-item .item:nth-child(-n+8){display:block;}
#top_recommend2 .item:nth-child(-n+12){display:block!important;}
#top_recommend2 li:nth-child(10n) {margin-right: 1.8%;}
#top_recommend2 .item:nth-child(4n+0){margin-right:0!important;}
.related-item .item:hover .download{display:none;}
.related-item .item:hover .sub{opacity:1;}
.related-item .item .title{font-size:14px}
.input-wrap .name,.input-wrap .mail,.input-wrap .site,.input-wrap .verify{width:100%;margin-top:10px;}
#divCommentPost input.text{width:100%;}
ul.msg{margin:5px 0}
.msg img.avatar{width:42px;height:42px;}
ul.msg li.msgarticle{margin-left: 42px;padding-top: 0}
.footer .diy{display:block;float:none;}
.article-list .figure{width:34%;}
.article-list .content{margin-left:38%;padding-top:5px}
.article-list{padding:3vw}
.article-list .content .title{font-size:16px;white-space:unset;font-weight: 500;line-height:1.6}
.article-list .data{padding-top:1vw}
.article-list-zt .figure{width:210px;}
.article-list-zt .content{padding-top:5px}
.article-list-zt{padding:0}
.article-list-zt .content .title{font-size:16px;white-space:unset;font-weight: 500;line-height:1.6}
.article-list-zt .data{padding-top:1vw}
#left_2{width:100%}
#left_2 .ul .title{list-style-type:none}
#left_2 .item .p-title,#left_2 .a,#left_1 .intro,#middle_2 .item .title a,#full-post .absolute{font-size:14px;}
.flink{margin-bottom:10px}
.f-about{width:100%}
.f-contact{width:100%;padding:3% 0}
.f-qr{width:100%}
.art-main{padding:4vw}
.art-main .art-content{font-size:16px}
.art-main .art-title{font-size:22px}
.art-main h1,.art-main h2,.art-main h3{font-size:20px}
.quick-prev-next .next,.quick-prev-next .prev{background:rgba(255,255,255,.8);color:#333;font-size:24px;text-align:center;width:40px;box-shadow:0 1px 3px rgba(26,26,26,.2)}
.quick-prev-next .prev{border-radius:0 100px 100px 0}
.quick-prev-next .next{border-radius:100px 0 0 100px}
.related-art .ul{margin-bottom:3vw}
.page-numbers{margin-top:10px}
.compost .com-info li{width:100%;padding-right:0%}
.compost .com-info li .verify{right:0}
#left_3 .download {display: block;}
#full-app .download {display: block;}
select {top: 51px;}
.selectWrap {line-height: 50px;height: 50px;width: 80px;}
#middle_1,#middle_2,#left_1,#left_2,#left_3,#full-post,#full-app,.flink,.related-item,.comment-submit,.comment-list {padding: 1em;}
.li_zt li.item {width: 23.625%;margin-right: 1.5%;}
.li_zt li.item:nth-child(8n+0) {margin-right: 0;}
#middle_2.li_zt {width: 100%;float: none;margin-right: 0;}
.article-list-zt .intro {height: 52px;-webkit-line-clamp: 2;}
}
.navbar-toggle {display: block;margin: 0;order: 1;transition: all .3s ease-out 0s;}
.navbar-toggle .collapsed .active{position: relative;float: left;background-color: initial;background-image: none;border: 1px solid transparent;border-radius: 2px;height: 50px;width: 50px;line-height: 50px;padding: 0 14px;}
.navbar-toggle .icon-bar {display: block;width: 20px;height: 2px;border-radius: 1px;background: #fff;}
span.icon-bar.icon-bar-2 {margin-top: 5px;}
span.icon-bar.icon-bar-3 {margin-top: 5px;}
.star1 {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star1.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;}
.star2 {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star2.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;}
.star3 {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star3.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;}
.star4 {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star4.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;}
.star5 {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star5.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;}
.staru {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star1.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;overflow: hidden;top: 54px;position: absolute;}
.startop {display: inline-block;width: 100px;height: 12px;background-image: url(/view/yunmao/images/star0.png);background-size: auto 100%;background-position: 0.05rem center;background-repeat: no-repeat;font-size: 0;}
p.stars.ellipsis {text-align: center;}
/* 截图幻灯片 */
.gmscreenShow{width:100%;max-width:800px;margin:0 auto;position:relative;height:400px}
.gmscreenShow-m{width:100%;max-width:450px;margin:0 auto;position:relative;height:720px}
.gmscreen-scroll{width:100%;height:100%;position:relative;perspective:1000px}
.slideshow{list-style:none;padding:0;margin:0;width:100%;height:100%;position:relative}
.slide{position:absolute;opacity:0;transition:all .6s ease}
.slide.active{opacity:1;z-index:3;transform:translateX(0)}
.slide-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.7);border:none;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:all .3s}
.slide-btn:hover{background:rgba(255,255,255,.9)}
.prev-btn{left:10px}
.next-btn{right:10px}
.slide.next{opacity:.8;z-index:2;transform:translateX(30%)}
.slide.prev{opacity:.8;z-index:1;transform:translateX(-30%)}
@media (max-width:768px){
.gmscreenShow{max-width:400px;max-height:200px}
.gmscreenShow-m{max-width:400px;max-height:600px}
}

::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #ccc;}
.c-title:after {position: absolute;left: 0;top: 7px;width: 3px;height: 18px;content: "";background-color: #f2a211;background-image: linear-gradient(180deg,rgba(255,255,255,.15),transparent);}
.load-more {width: 60%;background: #f2a211;color: #fff;font-size: 14px;text-align: center;height: 35px;line-height: 35px;display: block;margin: 20px auto;cursor: pointer;
border-radius: 2px;}
.load-more:hover {opacity: .8;color: #fff;}
small#ctf_tips {padding-left: 15px;}

@media screen and (max-width:650px){.related-item .thumbnail img{height:65px;width:65px;border-radius:10px}
#middle_1 .thumbnail img{height:65px;width:65px;border-radius:10px}
#left_3 .img{width:65px;height:65px}
#left_3 .img{width:65px;height:65px}
#full-app .img{width:65px;height:65px}
.related-item .thumbnail{height:65px}
#middle_1 .thumbnail{height:65px}
#full-app .intro{margin-top:5px;max-height:20px;height:20px;color:#888}
#full-app .title-wrap{margin-left:80px}
#full-app .title{font-size:16px}
#left_1 .title{font-size:16px}
.c-title{font-size:16px;padding-left:12px}
#left_3 .title-wrap{margin-left:80px}
.s-input{border-radius:2px}
#full-app .title{max-width:70%}
#full-app .download{margin-top:-.8rem}
#left_3 .title{max-width:67%}
.app-content .title-css{font-size:16px}
.c-title:after{top:6px;height:16px}
.mb10{margin-bottom:10px}
#full-app .item{padding:15px 5px}
#left_3 .item{padding:15px 0}
.app-main figure .size{font-size:13px}
.app-main figure img{width:65px;height:65px}
.app-main .main h1{font-size:16px}
.app-main figure .stars{top:46px}
.app-main .app-content{margin:10px 0}
.app-main figure .download{width:80px;padding:.1em .5em;font-size:13px;top:20px}
.article-list .figure{height:24vw}
.article-list-zt .figure{height:24vw}
#divCommentPost input.button{height:35px;line-height:35px;width:80px}
#middle_2 .item{width:100%;margin-right:0}
.app-main .main .tag{margin:5px 0}
.selectWrap{display:none}
.s-input{text-align:left}
#index-left{display:block}
#full-post .thumbnail img{height:120px}
.pagebar a{padding:0 .8em;line-height:30px}
.pagebar b{padding:0 .8em;line-height:30px}
.gmscreenShow .gmscreen-srcoll{height:320px}
.gmscreenShow .gmscreen-srcoll img{height:300px;max-width:inherit}
::-webkit-scrollbar{height:5px}
.related-item.li_zt{width:100%;float:left;margin-right:0}
.article-list-zt .figure img{width:100%}
.article-list-zt .figure{width:40%}
.article-list-zt .content{margin-left:45%}
}
.download-buttons{text-align:center}
.button{display:inline-block;margin:10px;padding:10px 20px 10px 50px;font-size:16px;text-decoration:none;position:relative;background:linear-gradient(135deg,#ede7b9,#a5786e);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.1)}
.button::before{content:'';position:absolute;left:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;background-size:cover}
.android,.baidu{background-color:#4285F4}
.android::before{background-image:url(/view/yunmao/images/android-icon.png)}
.baidu::before{background-image:url(/view/yunmao/images/baidu-32.png)}
.apple,.quark{background-color:#25bdf7}
.apple::before{background-image:url(/view/yunmao/images/apple-icon.png)}
.quark::before{background-image:url(/view/yunmao/images/quark-32.png)}
.hezi{background-color:#efc733}
.hezi::before{background-image:url(/view/yunmao/images/hezi-32.png)}
.down{background-color:#f6b311}
.down::before{background-image:url(/view/yunmao/images/down-32.png)}
.thjingxuan{width:100%;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.08);box-sizing:border-box;padding:15px;overflow:hidden;margin-top:100px}
.thjingxuan_title{line-height:30px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;color:#202020}
.thliorder1{padding-bottom:15px;border:1px solid #f0f0f0;position:relative;z-index:1;box-sizing:border-box;margin:5px;padding:10px;border-radius:1px;transition:.3s ease-out;overflow:hidden}
.thliorder1:hover{background-color:#f2f5f7}
.thjingxuan_sec{margin-top:15px;overflow:hidden}
.thjingxuan_sec h1{text-align:center;font-size:20px;margin-bottom:15px}
.thliorder1_title{overflow:hidden;height:22px;margin-top:5px}
.thliorder1_title span{float:left}
.thtime{float:right;height:22px;line-height:22px;font-size:12px;color:#999}
.thliorder1_title span a{display:inline-block;color:#fff;width:70px;height:22px;line-height:22px;font-size:12px;text-align:center;border-radius:10px;overflow:hidden}
.thnews-img-height{max-height:130px}
.thnews-img{float:left;width:13%;box-sizing:border-box;position:relative;border:1px solid #fff;overflow:hidden}
.thnews-img a img{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
.thnews-img a:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.thnews-img span{position:absolute;top:5px;left:5px;background:#0a0a0a;background:linear-gradient(-45deg,#0a0a0a,#394a75);background:-webkit-gradient(-45deg,linear,left,right,#0a0a0a),to(#394a75);background:-moz-linear-gradient(-45deg,left,#0a0a0a,#394a75);background:-webkit-linear-gradient(-45deg,left,#0a0a0a,#394a75);background:-o-linear-gradient(-45deg,left,#0a0a0a,#394a75);font-size:12px;color:#fff;height:30px;line-height:30px;text-align:center;display:inline-block;padding:0 10px;border-radius:0 15px 0 15px}
.thnews-con{box-sizing:border-box;float:left;width:86%;margin-left:10px;}
.news-con-tit{overflow:hidden;width:100%;margin-top:5px}
.news-con-tit a{display:inline-block;width:100%;overflow:hidden;height:25px;font-size:18px;text-overflow:ellipsis;transition:.3s ease-out}
.newsummary{color:#999;font-size:12px;overflow:hidden;margin-bottom:5px;height:44px;line-height:22px;margin-top:10px}
.th_margintop{margin-top:15px}
.thleftcon{width:100%;padding:20px;margin-bottom:20px;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.08);box-sizing:border-box}
.thleftbt{height:50px;line-height:50px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative;box-sizing:border-box;font-size:18px}
.thleftbt::before{content:"";display:block;position:absolute;left:-2px;top:35%;width:4px;height:30%;background-color:#3297fc;border-radius:5px}
.thleftbt span{margin-left:15px}
.th-7,.th-tags{background:#fff;overflow:hidden;padding:15px 15px 10px 15px}
.th-7 li{float:left;margin-right:6px;width:10%;text-align:center}
.th-7 li a{display:inline-block;border-radius:2px;width:100%;height:30px;line-height:30px;box-sizing:border-box;border-radius:2px;padding:0 5px;overflow:hidden;border:1px solid #f0f0f0;background-color:#f2f5f7;font-size:12px;color:#999;transition:.3s ease-out}
.th-7 li a:hover,.th-tags li a:hover{color:#3297fc}
@media screen and (max-width:993px){.th-7 li{width:30%}
.thnews-img{width:30%}
.thnews-con{width:64%;margin-left:5%}
.th_margintop{margin-top:-45px}
article.item.fl{width:20%;margin:0 10px 15px 5px}
}
.padding5{padding:5px}
nav{color:#fff}
nav a{color:#a59f9f}
.xihuan img{height:90px}
@media screen and (min-width:993px){.xihuan{width:10%;margin:0 17px 0 5px}
}
@media screen and (max-width:992px){.xihuan{width:20%;margin:10px 10px 5px 5px}
}
.game-list{display:grid;gap:15px}
.game-item{display:flex;align-items:center;padding:15px 15px 15px 5px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05);transition:all .3s}
.game-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.rank{font-size:24px;font-weight:700;width:80px;text-align:center;color:#aaa}
.rank::before {
  content: "★"; /* 使用Unicode符号或字体图标 */
  margin-right: 8px;
  color: #ff9900;
}
/* 30个红色渐变规则 */
.top1{ color: hsl(0,100%,60%); }
.top2{ color: hsl(0,90%,70%); }
.top3{ color: hsl(0,80%,80%); }
.top4{ color: hsl(330,50%,70%); }
.top5{ color: hsl(330,90%,70%); }
.top6{ color: hsl(330,80%,80%); }
.top7{ color: hsl(30,100%,60%); }
.top8{ color: hsl(30,90%,70%); }
.top9{ color: hsl(30,80%,80%); }
.top10{ color: hsl(45,100%,60%); }
.top11{ color: hsl(45,90%,70%); }
.top12{ color: hsl(45,80%,80%); }
.top13{ color: hsl(60,100%,60%); }
.top14{ color: hsl(60,90%,70%); }
.top15{ color: hsl(60,80%,80%); }
.top16{ color: hsl(90,100%,60%); }
.top17{ color: hsl(90,90%,70%); }
.top18{ color: hsl(90,80%,80%); }
.top19{ color: hsl(120,100%,60%); }
.top20{ color: hsl(120,90%,70%); }
.top21{ color: hsl(120,80%,80%); }
.top22{ color: hsl(150,100%,60%); }
.top23{ color: hsl(150,90%,70%); }
.top24{ color: hsl(150,80%,80%); }
.top25{ color: hsl(180,100%,60%); }
.top26{ color: hsl(180,90%,70%); }
.top27{ color: hsl(180,80%,80%); }
.top28{ color: hsl(0, 0%, 30%); }
.top29{ color: hsl(0, 0%, 30%); }
.top30{ color: hsl(300, 0%, 60%); }
.game-img{width:80px;height:80px;border-radius:8px;object-fit:cover;margin-right:15px;border:1px solid #eee}
.game-info{flex:1}
.game-title{font-size:18px;font-weight:700;margin-bottom:5px}
.game-desc{color:#666;font-size:14px;margin-bottom:8px;max-height:4em;overflow:hidden;margin-right:10px}
.game-meta span{float:left;padding:5px 20px 5px 0}
.download-btn{background:#ff6b6b;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;align-self:center;float:right;text-align:center;}
.download-btn a{color:#fff;}
@media (max-width:768px){
.game-title{text-align:center;}
.game-item{flex-direction:column;}
.game-img{margin:10px 0 15px 0}
.game-meta span, .game-tags span, .game-title{width:100%;border-bottom:1px dashed #e5dfdf;}
.download-btn {margin-top:10px;}
.rank{margin:0 0 0 -15px;}
.rank::before {
  content: "★"; /* 使用Unicode符号或字体图标 */
  margin-right: 8px;
  color: #ff9900;
}
.rank::after {
  content: "★";
  margin-left: 8px;
  color: #ff9900;
}
}
.p20{padding:20px 0}
.pagedesc{margin:20px 0;color:#999}