@charset "utf-8";
:root {
    --color-primary: #3858f6;
    --color-dark: #313133;
    --color-secondary: #6f6f70;
    --color-muted: #8d8f96;
    --color-light: #dcdee4;
    --color-danger: #ea1414;
    --color-warning: #ff8338;
    --color-info: #34968e;
    --color-body: #42434a;
    --btn-primary: #3858f6;
    --btn-dark: #2a2b2b;
    --btn-secondary: #484848;
    --btn-danger: #ea1414;
    --btn-danger-light: #ffe8e8;
    --btn-light: #efeff6;
    --btn-success: #41d589;
    --btn-outline-primary: #eff2ff;
    --btn-outline-danger: #ffe6e6;
    --bg-primary: #3858f6;
    --bg-dark: #2a2b2b;
    --bg-secondary: #484848;
    --bg-danger: #ea1414;
    --bg-warning: #ffe9d5;
    --bg-light: #f0f2f5;
    --bg-muted: #aaacb6;
    --bg-body: #f7f7fb;
    --border-primary: #3858f6;
    --border-dark: #2a2b2b;
    --border-secondary: #484848;
    --border-muted: #dedfe2;
    --border-danger: #f7094c;
    --border-light: #eceef5;
    --border-outline-primary: #e3e8ff;
    --night-color-primary: #3858f6;
    --night-color-primary-curr: #4665ff;
    --night-color-dark: #f4f4f4;
    --night-color-secondary: #bfc2cc;
    --night-color-muted: #aaacb6;
    --night-color-light: #dcdee4;
    --night-color-danger: #f7094c;
    --night-color-body: #fff;
    --night-btn-primary: #3858f6;
    --night-btn-dark: #101010;
    --night-btn-secondary: #181818;
    --night-btn-danger: #f7094c;
    --night-btn-danger-light: #ffe8e8;
    --night-btn-light: #404040;
    --night-btn-success: #41d589;
    --night-btn-outline-primary: #1b213f;
    --night-bg-primary: #3858f6;
    --night-bg-dark: #141414;
    --night-bg-secondary: #2a2a2b;
    --night-bg-danger: #f7094c;
    --night-bg-light: #414043;
    --night-bg-muted: #373737;
    --night-bg-body: #212121;
    --night-bg-white: #121212;
    --night-bg-warmming: #0e0d0d;
    --night-border-primary: #3858f6;
    --night-border-dark: #050505;
    --night-border-secondary: #34373a;
    --night-border-muted: #434343;
    --night-border-danger: #f7094c;
    --night-border-light: #444a4e;
    --night-border-outline-primary: #2a3468;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 11px;
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-color: #fff;
    --swiper-theme-color: #fff;
}
@font-face {
    font-family:Politica;
    src:url(../fonts/politicaregular.ttf)
}
/*==========reset=========*/
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;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{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:600;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%;vertical-align: middle;}
/*移除ios默认样式*/
input,textarea,button{outline-style:none;-webkit-appearance:none;}
/*==========global color=========*/
html{color:#333;background:#f2f5f9}
a{color:#333}
a:hover{color:#21b47c}
::selection{background:#21b47c;color:#fff}
::-moz-selection{background:#21b47c;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:24px}
.mb3{margin-bottom: 3px;}
.mb5{margin-bottom: 5px;}
.mb6{margin-bottom: 6px;}
.mb10{margin-bottom:10px}
.mt{margin-top:24px}
.mr{margin-right:24px}
.br{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden;}
.br-t-l{-moz-border-top-left-radius:10px;-webkit-border-top-left-radius:10px;border-top-left-radius:10px;}
.br-t-r{-moz-border-top-right-radius:10px;-webkit-border-top-right-radius:10px;border-top-right-radius:10px;}
.br-b-l{-moz-border-bottom-left-radius:10px;-webkit-border-bottom-left-radius:10px;border-bottom-left-radius:10px;}
.br-b-r{-moz-border-bottom-right-radius:10px;-webkit-border-bottom-right-radius:10px;border-bottom-right-radius:10px;}
.sb{-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.04);background:#fff}
.gb {
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.04);
    background: #21b47c;
}    
.nav-sb{box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);background:#fff}
.container{max-width:1200px;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}
.tag a { background: rgba(143, 142, 147, 0.1); color: #404040; font-size:13px;border-radius: 15px; padding: 0 8px;}
.p-4 {
    padding: 1.5rem!important;
}
.text-height-xs {
    line-height: 1 !important;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}
.d-block {
    display: block!important;
}
.display-4 {
    font-size: 3.5rem;
}
.text-xs {
    font-size: .8125rem !important;
}
.d-block {
    display: block!important;
}
.sub {
    color: #999;
}
.active-fold {
        width: 100%;
    height: 0;
    padding: 0;
    transition: all .12s ease-in-out;
    overflow: hidden !important;
}
.hover .active-fold {
    position: relative;
    left: 0;
    height: auto;
    padding: 0 0 10px 0;
}
.item.hover .active-fold.hover {
    height: auto;
    padding: 10px 0;
}
/*.download {
    box-shadow: 0 1px 3px rgba(0,0,0,.30);
}*/
/*common*/
/*.item {
    position: relative;
}
.item:before {
    position: absolute;
    height: 0;
    width: 100%;
    content: "";
    background: linear-gradient(3.98deg,rgba(28,153,254,0) 20.98%,rgba(33,180,124,0.26) 60.1%,rgba(33,180,124,0.56) 100.18%);
    transform: rotate(-180deg);
    opacity: .55;
    left: 0;
    bottom: 0;
    border-radius: 3px;
    z-index: 1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.item:hover:before {
    height: 100%;
}
.thumbnail {
    position: relative;
}
.thumbnail,.fr-wrap {
    z-index: 2;
}*/
/*=====渐变扫光=====*/
.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;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:1200px){.hidden-sm-md-lg{display:none!important}
}
@media screen and (max-width:768px){
    .hidden-sm{display:none!important}
    .br {
        border-radius: 0;
    }
}
@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:1201px){.hidden-xl{display:none!important}
}
/*========标题栏组件样式========*/
.flink,.full-post,.related-art,.widget,#left_1,.left_2,.left_3,.left_4,.middle_1,.middle_2,.cate_middle_1,#right_3,#full-post,#full-app,.double-app,.cate-app,.related-item,.comment-list,.comment-submit{padding:1.5em}
.c-title{text-align: left;font-size:18px;font-weight:bold;padding-bottom:.5em;margin-top:-.5em;position:relative;/*padding-left:16px;*/}
img.icon {margin-right: 8px;padding: 0.15em;vertical-align: -0.4em;}
/*.c-title:after{content:"#";color:#21b47c;opacity:.7;left:0;width:5px;height:20px;top:0;position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}*/
/*========图片缩放效果========*/
.left_2 .thumbnail img,.left_4 .thumbnail img,.middle_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,.left_4 .thumbnail:hover img,.middle_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========*/
.header-fixed{position:fixed;z-index:10;right:0;left:0;top:0;}
.header{height:161px;font-size:100%;width:100%;z-index:9;}
.h-wrap{height:104px;position:relative}
.header-top{height:34px;line-height:34px;overflow:hidden;color:#eee;background-color:#333}
.header-top a{color:#fff;display: inline-block;padding:0 0.5em;}
.header-top .iconfont{}
.header-top a:hover{color:#fff;background-color:#21b47c}
.header-top .line{width:1px;height:10px;background-color:#ccc;display:inline-block;padding:0;}
.header-top .collect,.header-top .text{margin-left:1.5em}
.header.header-fixed .logo-area{padding-top:26px;padding-right:0px;width: 168px; overflow: hidden;-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;}
.header.header-fixed.sb .logo-area{padding-top:18px;width: 60px; overflow: hidden;}
.logo-area .img{max-width: 168px;}
.pc-nav{max-width:100%;height:57px;}
.pc-nav li{float:left}
.pc-nav li a{height:80px;line-height:80px;padding:0 20px;font-size:16px;display:block}
.pc-nav li a:after{content:"\e8a8";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:after{content:"\e8a9";font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.pc-nav .sub-nav a:hover{color:#21b47c}
.pc-nav li a {position: relative;}
.pc-nav li a::before,.pc-nav .active::before{content: "";position: absolute;left: 50%;bottom: 0;width: 20%;height: 2px;opacity: 0;background-color: #21b47c;transform: translate(-50%, 0);transition: all 0.3s ease-in-out;}
.pc-nav li ul li a::before,.pc-nav li ul li a.active::before{height:0;}
.pc-nav li a:hover::before,.pc-nav .active::before {width: 50%;opacity: 1;}
.pc-nav .dropdown-nav .active::before{background-color: #fff;}
.pc-nav li a:only-child::after{content:""}
.pc-nav .li-cate{position:relative}
.pc-nav .active{color:#21b47c;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0}
.dropdown-nav{position:absolute;top:44px;left:0;z-index:1000;display:none;float:left;margin:0;padding:0;background-color:#323841;list-style:none}
.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover{background-color:#21b47c;color:#fff}
.pc-nav{font-size:14px;margin-right:10px;}
.pc-nav li{/*position:relative;*/list-style:none;display:block;float:left}
.pc-nav li .iconfont{color:red;}
.pc-nav li a{text-transform:none;line-height:57px;height:57px;padding:0 18px;display:block}
.pc-nav li a i.fa{padding-right:3px;position:relative;top:0}
.pc-nav li .sub-nav{text-align:left;position:absolute;top:57px;padding:0 15px;width: 100%;/*left:-17px;*/display:none;background:#fff;border: 1px solid #eaeeef;}
.header-fixed.sb .pc-nav li .sub-nav {
    top:80px;
}
.header-fixed.sb .pc-nav li a{padding:0 10px; font-size: 14px}
.header-fixed.sb .pc-nav li .sub-nav li {
    text-align: center;
}
.pc-nav li .sub-nav li{float:left;height:40px;min-height:40px}
.pc-nav li .sub-nav li a{line-height:40px;height:40px;padding:0 15px;color:#1a1a1a;white-space:nowrap;/*min-width:110px;*/}
.pc-nav li .sub-nav li a i.iconfont{padding-right:3px}
.pc-nav li .sub-nav li a:hover{background:0 0}
.pc-nav .active a,.pc-nav .active a:focus{color:#fff}
.pc-nav li>ul>li a.current-menu-item{background:0 0}
.pc-nav li.current-menu-ancestor a,.pc-nav li.current-menu-item a,.pc-nav li.current-post-ancestor a,.pc-nav li:hover a{position:relative}
.pc-nav li .icons{margin-right:5px;font-size:17px;top:1px;position:relative}
.pc-nav .nav-ul>li:hover>.sub-nav{display:block;padding:15px 0}
.nav-ul>li,.nav-ul>li>li{float:left}
.pc-nav .nav-ul li ul li:hover>.sub-nav{display:block;padding:15px 0}
.pc-nav li ul li .sub-nav{top:-16px;left:100%}
.pc-nav li ul.sub-nav li>a.menu-th3:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-bottom:4px solid transparent;border-top:4px solid transparent;position:relative;left:5px;overflow:hidden}
.pc-nav .has-child>a:after{content:".";display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;position:relative;left:5px;overflow:hidden}
.m-nav-btn,.nav-sousuo,span.toggle-btn{display:none}
#search-area{position:absolute;bottom:35px;right:0;z-index:2;width:22%}
.header.header-fixed #search-area {bottom:43px;}
.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:#f8f8f8;border:1px solid #f1f1f1;font-weight:400;height:34px;line-height:34px;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}

/*=============header-bar*/
.responsive-nav{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.wrapper-1 {
  position:relative;
  margin:0 auto;
  width:1200px
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}
.u-search-input {
  position:relative;
  width:310px;
  height:35px;
  background:url(//js.18183.com/18183dl/index/2018/img/sprite.png);
  background-position:0 0
}
.u-search-input input {
  margin-left:15px;
  width:255px;
  height:35px;
  border:none;
  background:none
}
.u-search-input .btn {
  display:block;
  position:absolute;
  top:0;
  right:6px;
  width:35px;
  height:35px;
  font-size:0
}
.header-bar {
  position:relative;
  height:161px;
  overflow:hidden;
  background:url(../images/bg-head.jpg) center no-repeat
}
.header-bar canvas {
  display:block;
  position:absolute;
  top:0;
  left:50%;
  margin-left:-960px;
  width:1920px;
  height:161px;
/*  background:#21b47c;
  background:linear-gradient(to right,#21b47c 0,#AAAAAA 100%);*/
  background: #eeeeee;
  background: linear-gradient(to bottom,#eeeeee 0,#FFFFFF 100%);

}
.header-bar .wrapper-1 {
  z-index:1px
}
.header-bar h1 {
  font-size:0
}
.header-bar .logo {
  display:block;
  position:absolute;
  left:0;
  top:18px
}
.header-bar .u-search-input {
  position:absolute;
  right:0;
  top:40px
}


/*========content======*/
#index-content{padding-top:1.5em;}
/*========幻灯片======*/
/*Swiper 3.0.5 自定义css*/
.swiper-container{margin-bottom:25px!important;width:100%;}
#index-middle .swiper-container {
	height:240px;
}
.swiper-container img{width:100%;height:240px;}
.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:50px!important;height:60px!important;font-size:35px;font-weight:700;color:#fff;text-align:center;cursor:pointer;transition:.3s}
.swiper-button-prev{left:0px!important;}
.swiper-button-next{right:0px!important;}
.swiper-button-next.iconfont, .swiper-button-prev.iconfont {
    font-size: 35px;
}
.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);opacity:1!important}
.swiper-pagination-bullet-active{background-color:#21b47c!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:1em;opacity:.8;}
.breadcrumb i{padding:0 5px;}
#mainbox{width:76%}
.spec #mainbox {
    width: 100%;
}
#index-left{width:22%;}
#index-middle{width:52%;}
#index-right,.index-right{width:22%;}
.double-app .index-right {
	width: 22%;
}
.left-app,.left-app-1,.left-app-2,.left-app-3,.left-app-4,.left-app-5,.left-app-6{width: 78%;}
.rank-app{display:inline-block;width:22%;}
.item {
	cursor: pointer;
}
.item:hover .download {
    color: #fff !important;
    background-color: #21b47c !important;
}
/*---列表通用--*/
h1, .h1 {
    font-size: 1.625rem;
    line-height: 1.4;
}
h1 sup, .h1 sup {
    color: #333;
    font-size:14px;
    vertical-align: text-bottom;
}
h1 span, .h1 span{
    color: var(--color-muted);
}
h1 em, .h1 em {
    float: right;
    font-size:14px;
    line-height: 1.4;
    vertical-align: text-bottom;
}
.new-post .card {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-color: var(--border-light)
}

.card-body {
    flex: 1 1 auto;
    padding: 2em;
}
.card-body .description {
    font-size: 14px;
    line-height: 1.8;
    margin: 1.5rem 0 0 0;
    text-align:justify;
    color: #666;
}
.navbar {
    position: relative;
    margin: 1.2rem 0 ;
}
.navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.navbar li {
    margin-top: 1rem;
}
.navbar li a{
    margin: 0.5rem 0.5rem 0 0;
    padding: .4rem .6rem;
    color: #333;
    background-color: #fff;
    border:1px solid rgba(143, 142, 147, 0.3);
    text-align: center;
    white-space: nowrap;
    border-radius: 1.2rem;
    transform: translate(-50%, -50%);
    font-size: 14px;
}
.navbar li.active a, .navbar li:hover a {
    color: #fff;
    background-color: #21b47c;
    border:1px solid #21b47c;
}
/*--APP列表[多页面共用]--*/
.app-list{width:100%;padding:1.5em;position:relative;cursor:pointer;}
.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:70%;}
.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;padding: 0.3em 1em;border: 1px solid rgba(143, 142, 147, 0.3);border-radius: 1.5em; color: #fff;background-color: #21b47c;text-align: center;}
.app-list .download:hover{background-color: #21b47c;color: #fff;border:1px solid #21b47c;}
/*--文章列表[多页面共用]--*/
.article-list{width:100%;padding:1.5em;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;}
.article-list .content i.iconfont{padding-right:5px;}
.article-list .intro{padding:.3em 0 .2em 0;line-height:1.6em;}
.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}

/*========侧边栏======*/
#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 rgba(143, 142, 147, 0.3);border-radius:3px;padding:.5em 0;margin-top:.5em}
#divCatalog li a:hover{background-color:#21b47c;color:#fff;border:1px solid #21b47c}
#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 rgba(143, 142, 147, 0.3);border-radius:3px;padding:.5em 0;margin-top:.5em}
#divContorPanel .cp-login a:hover,#divContorPanel .cp-vrs a:hover{background-color:#21b47c;color:#fff;border:1px solid #21b47c}
#tbCalendar{width:100%}
#tbCalendar a{width:40px;height:40px;color:#21b47c}
#tbCalendar tbody a{display:inline-block;background-color:#21b47c;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 rgba(143, 142, 147, 0.3);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:#21b47c;color:#fff;border:1px solid #21b47c;border-radius:3px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;margin-left:-6px}
/*--首页顶部吐血推荐--*/
#top_recommend{position:relative;padding:0 1.5em;}
#top_recommend li{width:calc(9.09% - 3px);margin-right: 1%;border-radius:0;}
#top_recommend 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 #f65220;border-right: 60px solid transparent;z-index: 1}
#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);z-index: 2}
#top_recommend .swiper-container {
    max-height: 150px;
    margin-bottom: 0 !important;
}

#top_recommend .swiper-wrapper .swiper-slide{
    overflow: hidden;
}
#top_recommend .top-rec-arrow { position:absolute;top:calc(50% - 40px);right: 0; width:30px; z-index: 2}
.top-rec-arrow-left, .top-rec-arrow-right {
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.top-rec-arrow-left {
    margin-bottom: 20px;
}
.top-rec-arrow-right {
    transform: rotate(180deg);
}
.top-rec-arrow img {
    max-width: 100%;
    height: 100%;
}
/*--首页左侧[每日一荐]--*/
#left_1{height:240px;background-image:url("../images/one_bg.png");}
#left_1 article{display:none;width:100%;}
#left_1 article:first-child{display:block;}
#left_1 .img{width:85px;height:85px;background-color:#f2f5f9;margin:0 auto;border-radius:15px}
#left_1 .wrap{padding-top:0}
#left_1 .title{font-size:18px}
#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{display: inline-flex;padding:0.2em 1em;color: #fff;background-color: #21b47c;text-align: center; border-radius: 1.2em;}
#left_1 .div{margin-top:5px}
/*随机推荐—自动刷新*/
.widget {
    position: relative;
    
}
.singlepage {
    z-index: 1;
}
.singlepage:before{
    content:'';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 30px;
    border-radius: 20px;
    background: #21b47c;
}
.singlepage:after{
    content:'';
    position: absolute;
    top:10px;
    left: 0;
    width: 100%;
    height: 20px;
    border-radius: 20px;
    background: #FFF;
}
.singlepage .page-ul li {
    margin-top:10px;
}
.card {
    min-width: 0;
    border: 0;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-clip: border-box;    
    background-color: #fff;
}
.widget_post_card {
    padding: 0;
}
.btn-icon {
    display: flex;
	cursor: pointer;
	position: absolute;
	top:10px;
	right: 10px;
	color:#FFF;
	z-index: 2;
}
.list-item {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}
.list-item:hover .media-content:after {
    -webkit-animation: shine .85s;
    animation: shine .85s;
}
.list-overlay-content {
    color: #fff;
}
.media {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: inherit;
}
.media:after {
    content: '';
    display: block;
    padding-top: 100%;
}
.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: var(--bg-light);
}
.media-content:after {
    background-image: -o-linear-gradient(left,transparent,rgba(255,255,255,.2));
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),to(rgba(255,255,255,.2)));
    background-image: linear-gradient(to right,transparent,rgba(255,255,255,.2));
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    left: -75%;
    z-index: 2;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}
.overlay-1 {
    width: 100%;
    height: 100%;
    background-color: var(--bg-dark);
    position: absolute;
    opacity: .4;
    top: 0;
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.media-overlay.overlay-top {
    bottom: auto;
}
.media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: inherit;
}
.widget_post_card .refresh-random-post {
    -webkit-animation: refresh-ring 1.2s linear infinite;
    animation: refresh-ring 1.2s linear infinite;
}
.list-overlay-content .list-content {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem;
}
.list-body {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}
.h-1x {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.list-goto {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
@-webkit-keyframes shine{
    100%{left:125%}
}
@keyframes shine{
    100%{left:125%}
}
@-webkit-keyframes refresh-ring{
	0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
	100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes refresh-ring{
	0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
	100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
/*--左侧[图文模块]--*/
.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{position:relative;height:40px;line-height:40px;font-size:14px;width:100%;font-weight:400;padding:0 5px;color:#fff;text-align:center;}
.left_2 li i.iconfont{color:#666;}
.left_2 .thumbnail{position:relative;color:#eee;display:block; border-radius: 4px; 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:56px;line-height:72px;position:absolute;bottom:0;left:0;z-index:1;background: url(../images/textshadow.png) center top;}
.left_2 .a{width:100%;}
.left_2 li {
	padding: .2em 0 0 0;
}
.article_index .left_2 li {
    padding: .18em 0 0 0;
}
/*--左侧[app列表]--*/
.left_3 .item{width:100%;padding:15px 0;border-bottom: 1px solid #f5f5f7;}
.left_3 .thumbnail{height:50px;}
.left_3 .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
.left_3 .wrap{padding-top:0}
.left_3 .title{font-size:16px;max-width: 67%;}
.left_3 .title-wrap{margin-left:65px;position:relative;}
.left_3 .intro{margin-top:5px;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;border:1px solid rgba(143, 142, 147, 0.3);color: #21b47c;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:1.2em;}
.left_3 .download:hover {color: #fff;background-color:#21b47c;}
/*--左侧[双图列表]--*/ 
.left_4 .item {
	float: left;
	display: inline-block;
	width: 48%;
	margin-bottom: .95em;
	margin-right: 4%;
}
.left_4 .item:nth-child(2n) {
	margin-right: 0;
}
.left_4 .item:nth-child(1),.left_4 .item:nth-child(2) {
	margin-top: 0;
}
.left_4 .item .p-title{height:30px;line-height:30px;font-size:12px;width:100%;font-weight:400;padding:0 5px;color:#fff;position:relative;}
.left_4 li i.iconfont{color:#666;}
.left_4 .thumbnail{position:relative;color:#eee;display:block; border-radius: 4px; overflow:hidden}
.left_4 .thumbnail img{display:block;width:100%;height:auto}
.left_4 .absolute{width:100%;padding:0 .5em;position:absolute;bottom:0;left:0;z-index:2;text-align: center;}
.left_4 .mask{width:100%;height:56px;line-height:72px;position:absolute;bottom:0;left:0;z-index:1;background: url(../images/textshadow.png) center top;}
.left_4 .a{width:100%;}
/*--首页中栏[文章列表]--*/
.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 .c-title{/*margin-bottom:3px;*/}
.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:5px 0;font-size:14px}
.middle_2 .item .time{padding-top: 3px;}
.middle_2 .item .p-title{position:relative;height:40px;line-height:40px;font-size:14px;width:100%;font-weight:400;padding:0 5px;color:#fff;text-align:center;}
.middle_2 .thumbnail{position:relative;color:#eee;display:block; border-radius: 4px; overflow:hidden}
.middle_2 .thumbnail img{display:block;width:100%;height:130px}
.middle_2 .absolute{width:100%;padding:0 1em;position:absolute;bottom:0;left:0;z-index:2}
.middle_2 .mask{width:100%;height:56px;line-height:72px;position:absolute;bottom:0;left:0;z-index:1;background: url(../images/textshadow.png) center top;}
.middle_2 .a{width:100%;}
/*--首页中栏[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{display:none;position:absolute;left: 50%;bottom:0;padding:0 .8em;color:#fff;background-color:#21b47c;text-align:center;border-radius:1.2em;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;}
/*右侧app列表*/
#right_3 .item{width:100%;padding:15px 0;border-bottom: 1px solid #f5f5f7;}
#right_3 .thumbnail{height:50px; position:relative;}
.thumbnail i {
    background-image: url(../images/csp_index.png);
    background-repeat: no-repeat;
    background-position: -35px -146px;
}
.thumbnail .gift {
	position:absolute;
	bottom: 0;
	right: 0;
    width: 16px;
    height: 16px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
}
#right_3 .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
#right_3 .wrap{padding-top:0}
#right_3 .title{font-size:16px;max-width: 67%;}
#right_3 .title-wrap{margin-left:65px;position:relative;}
#right_3 .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
#right_3 .div{margin-top:5px}
#right_3 a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
#right_3 a.more:hover{color:inherit;}
#right_3 .download {position: absolute;padding: 0 1em;border:1px solid rgba(143, 142, 147, 0.3);color: #21b47c;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:1.2em;}
#right_3 .download:hover {color: #fff;background-color:#21b47c;border:1px solid #21b47c;}
/*--首页通栏【文章图片】--*/
#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%; border-radius: 10px; overflow:hidden;}
#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;border-radius: 10px;}
#content #full-post .thumbnail img{display:block;width:100%;height:130px;border-radius: 10px;}
#full-post .absolute{width:100%;padding:0 1em;position:absolute;text-align: center;bottom:6px;left:0;z-index:2}
#full-post .mask{width:100%;height:56px;line-height:72px;position:absolute;bottom:0;left:0;z-index:1;background: url(../images/textshadow.png) center top; border-radius: 0 0 10px 10px;}
#full-post .a{width:100%;}
/*--首页通栏2【最新app】--*/
#full-app .item{width: 23.48%;margin-right: 2%;margin-top: 0;background:#fff;padding:25px;border-bottom: 1px solid #f5f5f7;border-radius: 3px;}
#full-app .item:hover{background:#f2f5f9;}
#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:50px;}
#full-app .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
#full-app .wrap{padding-top:0}
#full-app .title{font-size:18px;font-weight:500;max-width: 65%;}
#full-app .title-wrap{margin-left:65px;position:relative;}
#full-app .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
#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;border:1px solid rgba(143, 142, 147, 0.3);color: #21b47c;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:1.2em;}
#full-app .download:hover {color: #fff;background-color:#21b47c;border:1px solid #21b47c;}
/*--首页两栏布局【app】--*/
.double-app .more{position:absolute;top:0;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
.double-app .more:hover{color:inherit;}

.double-app .cate_card.list-tab {
	float: left;
	width: auto;
	display: inline-block;
	margin-left: 24px;
	margin-bottom: 0 !important;
} 
.double-app .c-title {
	display: block;
    float: left;
    width: 100%;
    padding-bottom: 0;
}
.double-app .c-title span{
	float: left;
}
.double-app .cate_card .tab {
	margin-top: 0;
	height:auto;
	font-size:16px;
}
.double-app .cate_card .tab li {
	position:relative;
	width: auto !important;
	height: 100%;
	display: inline-block;
	padding: 0.2em 1em;
	border: none;
    background-color: transparent;
    text-align: center;
    border-radius: 0;
}
.double-app .cate_card .tab li.active {
	position:relative;
}
.double-app .cate_card .tab li.active:after{
	content: "";
    width: 50px;
    height: 4px;
    background-color: #21b47c;
    border-radius: 4px;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;    
}
.double-app .cate_card .tab li a {
	color: #21b47c;
}
.double-app .cate_card .tab li:hover,.double-app .cate_card .tab li.active {
    background-color: transparent;
}
.double-app .cate_card .tab li:hover:after{
	content: "";
    width: 50px;
    height: 4px;
    background-color: #21b47c;
    border-radius: 4px;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;  	
}
.double-app .cate_card .tab li:hover a,.double-app .cate_card .tab li.active a {
	color: #21b47c;
}
.double-app .list-items {
	float: left;
	width: 100%;
	overflow:hidden;
	margin-bottom: 0 !important;
	
}
.double-app .list-items .items {
	display: none;
}
.double-app .list-items .items:first-child {
	display: block;
}


.left-app .item{ width: 31.333333%;margin-right: 2%;margin-top: 0;background:#fff;padding:25px;border-bottom: 1px solid #f5f5f7;border-radius: 3px;}
.left-app .item:hover{background:#f2f5f9;}
.left-app .item:nth-child(3n){margin-right:0;}
.left-app .item:nth-child(1),.left-app .item:nth-child(2),.left-app .item:nth-child(3){margin-top:0;}

.left-app .thumbnail{height:50px;}
.left-app .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
.left-app .wrap{padding-top:0}
.left-app .title{font-size:18px;font-weight:500;max-width: 65%;}
.left-app .title-wrap{margin-left:65px;position:relative;}
.left-app .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
.left-app .div{margin-top:5px}
.left-app a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.left-app a.more:hover{color:inherit;}
.left-app .download {position: absolute;padding: 0 1em;border:1px solid rgba(143, 142, 147, 0.3);color: #21b47c;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:1.2em;}
.left-app .download:hover {color: #fff;background-color:#21b47c;border:1px solid #21b47c;}

.left-app-1 .list {
	float:left;display:inline-block;width: 31.333333%;margin-top:2%;margin-right:2%;position:relative;text-align:center;border-radius:6px;padding:0;border:1px solid #fff;
}
.left-app-1 .list:nth-child(1),.left-app-1 .list:nth-child(2),.left-app-1 .list:nth-child(3){margin-top:5px;}
.left-app-1 .list .sort {
	background: #f6f6f6;
	color:#21b47c;
	line-height: 40px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 16px;
    border-radius: 5px;
}
.left-app-1 .list:hover .sort{
	background: #21b47c;
	color:#FFF;
}
.left-app-1 .item{ width: 100%;text-align:left;margin-top: 0;padding:16px;border-bottom: 1px solid #f5f5f7;background:#fff;border-radius: 3px;}
.left-app-1 .item:hover{background:#f2f5f9;}
.left-app-1 .item:nth-child(3n){margin-right:0;}
.left-app-1 .item:nth-child(1),.left-app-1 .item:nth-child(2),.left-app-1 .item:nth-child(3){margin-top:0;}

.left-app-1 .thumbnail{height:50px;}
.left-app-1 .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
.left-app-1 .wrap{padding-top:0}
.left-app-1 .title{font-size:18px;font-weight:500;max-width: 65%;}
.left-app-1 .title-wrap{margin-left:65px;position:relative;}
.left-app-1 .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
.left-app-1 .div{margin-top:5px}
.left-app-1 a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.left-app-1 a.more:hover{color:inherit;}
.left-app-1 .download {position: absolute;padding: 0 1em;border:1px solid rgba(143, 142, 147, 0.3);color: #21b47c;background-color:#fff;text-align: center;top:-3px;right:0;z-index: 1;border-radius:1.2em;}
.left-app-1 .download:hover {color: #fff;background-color:#21b47c;}

.left-app-2 .item i.iconfont{padding-right:5px;color:#666}
.left-app-2 .item{width:12.5%;margin-top:2%;margin-right:0;position:relative;text-align:center;border-radius:6px;padding:.99em 0;border:1px solid #fff}
.left-app-2 .item:nth-child(1),.left-app-2 .item:nth-child(2),.left-app-2 .item:nth-child(3),.left-app-2 .item:nth-child(4),.left-app-2 .item:nth-child(5),.left-app-2 .item:nth-child(6),.left-app-2 .item:nth-child(7),.left-app-2 .item:nth-child(8){margin-top:0;}
.left-app-2 .item:hover{background-color:#f2f5f9;border:1px solid #ecebeb;}
.left-app-2 .thumbnail{display:block;overflow:hidden;height: 70px;}
.left-app-2 .thumbnail img{height:70px;width:70px;border-radius:15px}
.left-app-2 .download{display:none;position:absolute;left: 50%;bottom:0;padding:0 .8em;color:#fff;background-color:#21b47c;border:1px solid #21b47c;text-align:center;border-radius:1.2em;z-index: 1;transform: translate(-50%, -50%);}
.left-app-2 .item .title{width:100%;padding:6px;font-size:14px}
.left-app-2 .item .sub{font-size:12px;opacity:.6;padding-top:5px;display: block; }
.left-app-2 .item:hover .download{display:block;}
.left-app-2 .item:hover .sub{opacity:0;}
.left-app-3 .list {
	float:left;display:inline-block;width: 23%;margin-top:2%;margin-right:2%;position:relative;text-align:center;border-radius:6px;padding:0;border:1px solid #fff;
}
.left-app-3 .list:nth-child(1),.left-app-3 .list:nth-child(2),.left-app-3 .list:nth-child(3),.left-app-3 .list:nth-child(4){margin-top:5px;}
.left-app-3 .list .sort {
	background: #f6f6f6;
	color:#21b47c;
	line-height: 40px;
    text-align: center;
    margin-bottom: 5px;
    font-size: 16px;
    border-radius: 5px;
}
.left-app-3 .list:hover .sort{
	background: #21b47c;
	color:#FFF;
}
.left-app-3 .item i.iconfont{padding-right:5px;color:#666}
.left-app-3 .item{width:100%; text-align:left;border:1px solid transparent;}
.left-app-3 .item:hover{background-color:#f2f5f9;border:1px solid #ecebeb; border-radius: 5px;}
.left-app-3 .item a {
    height: 35px;
    line-height: 35px;
    display: block;
    margin-left: 7px;
    overflow: hidden;
}
.left-app-3 .item a img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 3px;
    vertical-align: middle;
}


.left-app-4 .hot-game-swiper {
	float: left;
    position: relative;
    width: 31.333333%;
    margin: 0 2% 0 0;
    margin-bottom: 0 !important;
    border-bottom:3px solid #21b47c;
}
.swiper-nav {
    display: none;
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: 50px;
    height: 50px;
    background: 50% no-repeat;
    background-size: cover;
    cursor: pointer;
}
.hot-game-swiper:hover .swiper-nav {
	display: block;
}
.swiper-nav.prev {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAWqADAAQAAAABAAAAWgAAAABJfIu3AAADUUlEQVR4Ae3dv45SURAGcBctdgsaYxYtLEgIxMSABaWFha2PwBsYKx/DythY8wx2FhaWNIANZAPFFiab2CwmronZ7HwkN4ETBRbvHGYm3yRnuYc/cy4/JpfNPcA5urMeJ9JtSDuVdiytIo2xu8C13PVK2oW0M2m/pC3jqNiQy8fSnkq7t3IdN/cX+CMP/SbtHCnu4o8EkJ9JYwVDo5yA5UNpqOpLdHC4QCUzdARge4KKfiLtvs4YzCoCKOYK/uCNj6ErcApo/HfB0BU4Xpa17hjMLgLLQwclMgigohkZBAidARlDEJrQmQQyDcOKJnQmgUzDsKIJnUkg0zCsaEJnEsg0DCua0JkEMg3DiiZ0JoFMw7CiCb2/QK/Xe4S2f4byH4nPdbwqP+1hMlar1cpgMHjdbDZfYg/G4/Gndrv98TB7sz4qZsFb61f57AF5OBy+bTQaL4pnUKvVmrPZ7MtoNPpZXHeoyxDH6AK5Xq8/PxTktnHdHzo2IU+n08+tVuv9NoQct7uu6E3I8/n8a7fb/ZADcZcx3EJvQ+50Ou8WiwU+3WkiXEJ7Q8Yr7Q7aI7I7aK/IrqA9I7uB9o7sAjoCsnnoKMimoSMhm4WOhmwSOiKyOeioyKagIyObgsbMyN/OJ+MsnLUTRIC7bZg414H5vWL6afUJREHGczIBvYobddvMDMtkMnkTuarNVDRmQ3CoSCsax21MuuLNMr3NU9/MzmM2BG96UbHNQKM6I2Obgo6MbQ46KrZJ6IjYZqGjYZuGjoRtHjoKtgvoCNhuoL1ju4L2jO0O2iu2S2iP2G6hd8HGrA3uZyFcQwNw04konN+28u0s99DbsC1UM/YhBPQqNr63UuDi62/9fv970T/kpZmprDIRisOFFWQ8t5DQZb5oZeUKc+goC0QrD6G1ZJO8hE5AtLqE1pJN8hI6AdHqElpLNslL6AREq0toLdkkL6ETEK0uobVkk7yETkC0uoTWkk3yEjoB0eoSWks2yUvoBESrS2gt2SQvoM38wFOyb5G614DGGqkMXYErQGMhWoauwAWgsdovFqJl6AjA9gw/AouN39KwEC2jfIGRpPxRrKJ8KR2s9vtAGqqc8f8CKGAgnyMVPm6wGlyAfVXj9tv/XID9BjQe4IFvsD6DAAAAAElFTkSuQmCC);
}
.swiper-nav.next {
    right: 0;
    transform: translate3d(0,-50%,0) rotate(180deg);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAWqADAAQAAAABAAAAWgAAAABJfIu3AAADUUlEQVR4Ae3dv45SURAGcBctdgsaYxYtLEgIxMSABaWFha2PwBsYKx/DythY8wx2FhaWNIANZAPFFiab2CwmronZ7HwkN4ETBRbvHGYm3yRnuYc/cy4/JpfNPcA5urMeJ9JtSDuVdiytIo2xu8C13PVK2oW0M2m/pC3jqNiQy8fSnkq7t3IdN/cX+CMP/SbtHCnu4o8EkJ9JYwVDo5yA5UNpqOpLdHC4QCUzdARge4KKfiLtvs4YzCoCKOYK/uCNj6ErcApo/HfB0BU4Xpa17hjMLgLLQwclMgigohkZBAidARlDEJrQmQQyDcOKJnQmgUzDsKIJnUkg0zCsaEJnEsg0DCua0JkEMg3DiiZ0JoFMw7CiCb2/QK/Xe4S2f4byH4nPdbwqP+1hMlar1cpgMHjdbDZfYg/G4/Gndrv98TB7sz4qZsFb61f57AF5OBy+bTQaL4pnUKvVmrPZ7MtoNPpZXHeoyxDH6AK5Xq8/PxTktnHdHzo2IU+n08+tVuv9NoQct7uu6E3I8/n8a7fb/ZADcZcx3EJvQ+50Ou8WiwU+3WkiXEJ7Q8Yr7Q7aI7I7aK/IrqA9I7uB9o7sAjoCsnnoKMimoSMhm4WOhmwSOiKyOeioyKagIyObgsbMyN/OJ+MsnLUTRIC7bZg414H5vWL6afUJREHGczIBvYobddvMDMtkMnkTuarNVDRmQ3CoSCsax21MuuLNMr3NU9/MzmM2BG96UbHNQKM6I2Obgo6MbQ46KrZJ6IjYZqGjYZuGjoRtHjoKtgvoCNhuoL1ju4L2jO0O2iu2S2iP2G6hd8HGrA3uZyFcQwNw04konN+28u0s99DbsC1UM/YhBPQqNr63UuDi62/9fv970T/kpZmprDIRisOFFWQ8t5DQZb5oZeUKc+goC0QrD6G1ZJO8hE5AtLqE1pJN8hI6AdHqElpLNslL6AREq0toLdkkL6ETEK0uobVkk7yETkC0uoTWkk3yEjoB0eoSWks2yUvoBESrS2gt2SQvoM38wFOyb5G614DGGqkMXYErQGMhWoauwAWgsdovFqJl6AjA9gw/AouN39KwEC2jfIGRpPxRrKJ8KR2s9vtAGqqc8f8CKGAgnyMVPm6wGlyAfVXj9tv/XID9BjQe4IFvsD6DAAAAAElFTkSuQmCC);
}
.hot-game-swiper.swiper-container .swiper-pagination {
	z-index:10;
	position:absolute;
	left:50%;
	bottom:15px;
	transform:translate3d(-50%,0,0);
	width:auto
}
.hot-game-swiper.swiper-container .swiper-pagination .swiper-pagination-bullet {
	width:12px;
	height:12px;
	margin:0 5px;
	background:hsla(0,0%,100%,.7);
	border-radius:12px;
	opacity:1;
	transition:width .3s ease
}
.hot-game-swiper .swiper-pagination .swiper-pagination-bullet-active {
	width:34px;
	height:12px;
	background:#f60;
	border-radius:6px
}
.left-app-4 .game-item {
	float: left;
	position:relative;
	width: 14.666666%;
	margin-right: 2%;
	margin-top: 2%;
}
.left-app-4 .game-item:nth-child(1),.left-app-4 .game-item:nth-child(2),.left-app-4 .game-item:nth-child(3),.left-app-4 .game-item:nth-child(4),.left-app-4 .game-item:nth-child(5),.left-app-4 .game-item:nth-child(6) {
	margin-top: 1%;
}
.left-app-4 .hot-game-swiper .game-item {
	width: 100%;
	margin-right: 2%;
	margin-top: 0;	
}
.left-app-4 .game-item .cover-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
}
.left-app-4 .game-item .cover-box .cover {
    display: inline-block;
    height: 100%;
    width: 100%;
    transition: transform .3s ease;
}
.left-app-4 .game-item .game-score {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 10px;
    background: linear-gradient(180deg,transparent,#000);
    font-size: 24px;
    line-height: 24px;
    color: #f14027;
}
.left-app-4 .game-item .hover-box {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.game-item:hover .hover-box {
	display: block;
}
.game-item .game-info-box {
	text-align:center;
}
.hot-game-swiper .game-item .game-info-box {
	bottom: 50px;
}
.game-item .game-info-box .game-name {
    max-width: 100%;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.game-item .game-info-box .game-clicks {
    max-height: 64px;
    overflow: hidden;
    color: #ffaf0f;
}
.left-app-4 .game-item .hover-box .hover-main {
    width: 100%;
    padding: 1.2em;
}
.left-app-4 .game-item .hover-box .hover-main .tag {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto 10px;
    font-size: 12px;
    color: #fff;
}
.left-app-4 .game-item .hover-box .hover-main .desc {
    height: 54px;
    margin: 0 auto 25px;
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.left-app-4 .game-item .hover-box .hover-main .enter-btn {
    width: 70px;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid #21b47c;
    line-height: 26px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    background-color: #21b47c;
}

.left-app-5 .hot-left{
	display: inline-block;
	float: left;
	width: 40%;
}
.hot-left .item {
	display: inline-grid;
	float: left;
	position: relative;
	width: calc(50% - 1.5em);
	margin-right: 1.5em;
	overflow:hidden;
}
.hot-left .item:first-child {
	display: inline-grid;
	float: left;
	width: calc(100% - 1.5em);
	margin-top: 10px;
	margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.hot-left .item img {
	width: 100%;
	border-radius: 4px;
	-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;
}
.hot-left .item: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);
}
.img-bottom-title {
    padding: 0 10px;
    height: 56px;
    line-height: 72px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    text-align: center !important;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/textshadow.png) center top;
}
.hot-left .item b {
    width: 62px;
    height: 22px;
    background-color: #e94646;
    display: block;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}
.left-app-5 .hot-right {
	display: inline-block;
	float: left;
	width: 60%;
}
.hot-right .item {
    overflow: hidden;
    margin-top: 1.5em;
    margin-bottom: 0;
    border-radius: 4px;
    overflow:hidden;
}
.hot-right .item:first-child {
    margin-top: 10px;
}
.right-img {
    float: left;
    width: 172px;
    height: 104px;
    overflow:hidden;
}
.right-img img{
	border-radius: 4px;
	-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;	
}
.hot-right .item:hover .right-img 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);	
}
.right-name {
    margin-left: 187px;
    height: 67px;
    line-height: 23px;
    color: #333;
    font-size:18px;
    overflow: hidden;
}
.right-info {
    height: 14px;
    line-height: 14px;
    margin-left: 187px;
    font-size: 12px;
    color: #999999;
}
.left-app-6 .item {
    width: 23%;
    margin: 2% 2% 0 0;
    float: left;
    position: relative;
}
.left-app-6 .item .cover-box{
	position: relative;
    width: 100%;
    height: 140px;
    cursor: pointer;
    border-radius: 4px;
    overflow:hidden;    
    box-sizing: border-box;
    box-shadow: 0px 3px 0px 0 #f2f5f9;	
}
.left-app-6 .item:hover .cover-box {
	box-shadow: 2px 2px 14px 0 rgb(0 0 0 / 10%);	
}
.left-app-6 .item .cover-box .img {
	display: inline-block;
    height: 100%;
    width: 100%;
    transition: transform .3s ease;
    border-radius: 4px;
}
.left-app-6 .item .cover-box .item-info {
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;    
    z-index: 3;
}
.left-app-6 .item:hover .cover-box .img { transform: scale(1.1); }
.left-app-6 .item .cover-box .item-info .name{font-size:16px;color:#595757;position:absolute;top:15px;left:15px}
.left-app-6 .item .cover-box .item-info .type{line-height:26px;color:#9fa0a0;border-top:1px solid #d6d4d2;padding-right:10px;position:absolute;top:45px;left:15px}
.left-app-6 .item .cover-box .item-info .status{width:26px;height:26px;position:absolute;top:95px;left:15px}
.left-app-6 .item .cover-box .go{width:26px;height:26px;-webkit-border-radius:16px;border-radius:16px;overflow:hidden;color:#fff;text-align:center;background:#21b47c;position:absolute;top:95px;left:15px;z-index:3;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;opacity:0;filter: alpha(opacity=0);}
.left-app-6 .item .cover-box .go:hover { color: #fff!important; }
.left-app-6 .item .cover-box .go em{display:block;width:70px;font-style: normal;}
.left-app-6 .item:hover .cover-box .go{opacity:1;width:70px}
.left-app-6 .item .bd {
    -webkit-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -ms-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    -o-transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
    transition: color 200ms ease-out,background-color 200ms ease-out,border-color 200ms ease-out,opacity 200ms ease-out;
	width:100%;height:100%;border:3px solid rgba(143, 142, 147, 0.3); border-radius:4px;position:absolute;top:0;left:0;z-index:2;opacity: 0; filter: alpha(opacity=0);}
.left-app-6 .item:hover .bd{opacity: 1; filter: alpha(opacity=100);}
.item-info .status {
 	background-image: url(../images/csp_index.png);
    background-repeat: no-repeat;
}
.status.hot {
    background-position: -85px -103px;
}
.status.new {
    background-position: -44px -103px;
}
/*--右侧栏【日月年热榜】--*/
.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:#fcfcfc;border-right:1px #e6e6e6 solid;}
.table_card .tab li:last-child{border-right:none;} 
.table_card .tab li:hover {height:50px;background:#fcfcfc;color:#21b47c;cursor:pointer}
.table_card .active {height:51px !important;background:#fff !important;color:#21b47c;}
.table_card .tabCon {background:#fff;padding:12px;}
.table_card .tabCon ul {display:none}
.table_card .tabCon .on {display:block}

.table_card .item{width:100%;padding:12px 0 11.5px 0;}
.table_card .thumbnail{height:50px;}
.table_card .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
.table_card .wrap{padding-top:0}
.table_card .title{font-size:16px;}
.table_card .title-wrap{margin-left:100px}
.table_card .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#ffaf0f;}
.table_card .div{margin-top:5px}
.table_card .iconfont{position:relative;color:#fff;font-size:28px;margin-right: 10px;}
.table_card .iconfont {
    background: url(../images/ico_img.png) no-repeat;
    background-size: 600px 600px;
    display: inline-block;
}
.table_card .iconfont:before{
    content: "";
}
.table_card .iconfont {
    width: 24px;
    height: 28px;
    display: inline-block;
    float: left;
    background-position: -189px -454px;
    margin-top: 10px;
    margin-right: 12px;
}
.table_card .list-1.iconfont{
    background-position: -87px -454px;
}
.table_card .list-2.iconfont{background-position: -121px -454px;}
.table_card .list-3.iconfont{background-position: -155px -454px;}
/*.table_card .list-1.iconfont{color:#f00;}
.table_card .list-2.iconfont{color:#ff7100;}
.table_card .list-3.iconfont{color:#f7aa00;}*/
.table_card .iconfont small{position:absolute;top: 3px;left: 8px;font-size:13px;font-weight:bold;color:#666;}
.table_card .list-1 small,.table_card .list-2 small,.table_card .list-3 small{color:#fff; }
.table_card a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.table_card a.more:hover{color:inherit;}
/*右侧栏【日月年榜】样式二*/
.big.table_card .tab {height:51px;font-size:16px;border-bottom:1px #e6e6e6 solid;background: #fcfcfc;}
.big.table_card .tab li {float:left;height:50px;line-height:50px;width:33.32%;text-align:center;background:#fcfcfc;border-right:1px #e6e6e6 solid;}
.big.table_card .tab li:last-child{border-right:none;} 
.big.table_card .tab li:hover {height:50px;background:#fcfcfc;color:#21b47c;cursor:pointer}
.big.table_card .active {height:51px !important;background:#fff !important;color:#21b47c;}
.big.table_card .tabCon {background:#fff;padding:11px 0 0 10px;}
.cate .big.table_card .tabCon {padding:11px 1.5em;}
.big.table_card .tabCon ul {display:none}
.big.table_card .tabCon .on {display:block}

.big.table_card .item{width:100%;padding:.14em 0;}
/*.big.table_card .item:nth-child(n+4) .iconfont{
	color:#c7c7c7;
}
.big.table_card .item:nth-child(n+4) .iconfont.icon-top10:before {
	content:' ';
	position:absolute;
	top:9px;
	left: 3px;
	width: 22px;
    height: 28px;
	background: #F0F0F0;
}
.big.table_card .item:nth-child(n+4) .title{
	padding-left: 25px;
}
.big.table_card .item:nth-child(n+4) .iconfont small {
	color: #666;
}*/
.big.table_card .thumbnail{height:50px;}
.big.table_card .game .thumbnail { height:90px; }
.big.table_card .web-game .game .thumbnail { height:65px; }
.big.table_card .img{width:50px;height:50px;margin:0 auto;border-radius:10px}
.big.table_card .game .thumbnail img { width: auto; height:100%; border-radius:4px }
.big.table_card .wrap{padding-top:0}
.big.table_card .title{font-size:16px; font-weight: normal;}
.big.table_card .title-wrap{display:none;position:relative;margin-top:0;margin-left:0px;}
.big.table_card .item.hover {
	background: linear-gradient(94deg,#fff,#f2f5f9,#fff);
}
.big.table_card .item.hover .title-wrap {
	display: block;
}
.big.table_card .title-wrap .tag{margin-top:5px;padding-left:10px;max-height:64px;overflow:hidden;color:#888;}
.big.table_card .title-wrap .tag a{color:#999; margin-right: 8px;}
.big.table_card .title-wrap .tip {
	padding-left:10px;
	margin-top:5px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #999;

}
.big.table_card .title-wrap.game .tip {
	height:auto;
}
.big.table_card .title-wrap .tip em,.big.table_card .title-wrap .tip span {
/*	float: left;*/
	display: block;
	height:14px;
	line-height: 14px;
    color: #ffaf0f;
    margin-right: 10px;
    font-style: normal;
}
.big.table_card .title-wrap.game .tip span {
	margin-top:10px;
}
.big.table_card .title-wrap .download {
    position: absolute;
    padding: 0 .65em;
    border: 1px solid #21b47c;
    color: #fff;
    background-color: #21b47c;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 1;
    border-radius: 1.2em;
}
.big.table_card .title-wrap.game .download {
	top: 60px;
}
.big.table_card .web-game .title-wrap.game .download {
	top: 40px;
}
.big.table_card .title-wrap .download:hover {
    color: #21b47c;
    background-color: #fff;
}
.big.table_card .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
.big.table_card .div{margin-top:5px}
.big.table_card .iconfont{position:relative; height:20px;color:#fff;font-size:28px;margin-right: 10px;top:-12px;}
.big.table_card .iconfont {
    background: url(../images/ico_img.png) no-repeat;
    background-size: 600px 600px;
    display: inline-block;
}
.big.table_card .iconfont:before{
    content: "";
}
.big.table_card .iconfont {
    width: 24px;
    height: 28px;
    display: inline-block;
    float: left;
    background-position: -189px -454px;
    margin-top: 10px;
    margin-right: 12px;
}
.big.table_card .list-1.iconfont{
    background-position: -87px -454px;
}
.big.table_card .list-2.iconfont{background-position: -121px -454px;}
.big.table_card .list-3.iconfont{background-position: -155px -454px;}


/*.big.table_card .list-1.iconfont{color:#f00;}
.big.table_card .list-2.iconfont{color:#ff7100;}
.big.table_card .list-3.iconfont{color:#f7aa00;}*/
/*.table_card .iconfont small{position:absolute;top: 3px;left: 8px;font-size:13px;font-weight:bold;color:#666;}
.table_card .list-1 small,.table_card .list-2 small,.table_card .list-3 small{color:#fff; }*/
.big.table_card a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.big.table_card a.more:hover{color:inherit;}
/*右侧栏【日月年榜】样式三*/
.double-app .table_card .tab {
	margin-left: 0;
}
/*--热门文章--*/
.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:#21b47c}
/*--最新文章--*/ 
.widget.article {
	padding:0;
}
.article .tabCon {
	padding: 11px 0 0 1.5em;
}
.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_list .item {
    border-left: 1px #f5f5f5 solid;
    padding-top:0;
    padding-left: 10px;
    padding-bottom: 6.2px;
    position: relative;
}
.aside_list p.title {
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    overflow: hidden;
}
.aside_list .item .hover {
    display: none;
    background: #fafafa;
    line-height: 20px;
    overflow: hidden;
}
.aside_list .item:hover .hover,.aside_list .item.hover .hover {
    display: block;
}
.aside_list .item .hover img {
    width: 60px;
    height: 40px;
    display: block;
    margin-right: 15px;
    border-radius: 4px;
}
.aside_list .item .hover p {
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    color: #999;
}
.aside_list .item b {
    width: 7px;
    height: 7px;
    position: absolute;
    left: -4px;
    top: 10px;
    background: url(../images/dian.gif) left -7px;
    z-index: 1;
}
.aside_list .item:hover b,.aside_list .item.hover b{
    background-position: left top;
}
/*--热门评论--*/ 
#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{position: relative;overflow:hidden;display:block;height:60px;width:90px;}
#aside_hot_comment .list .img-wrap .rank {
	position:absolute;
	top:0;
	left: 0;
	width: 25px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	text-align:left;
	padding-left: 7px;
	border-radius: 0 0 15px 0;
	z-index: 1;
}
#aside_hot_comment .list:nth-child(1) .img-wrap .rank {
	background-color: #f00;
} 
#aside_hot_comment .list:nth-child(2) .img-wrap .rank {
	background-color: #ff7100;
}
#aside_hot_comment .list:nth-child(3) .img-wrap .rank {
	background-color: #f7aa00;
}
#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:10px;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:#21b47c;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:#21b47c}
.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--*/
/*--频道推荐--*/
#cate #top_recommend{position:relative;padding:0em 1.5em;}
#cate #top_recommend li{width:15.8333333%;margin-right: 1%;border-radius:0;}
#cate #top_recommend li:nth-child(6n){margin-right: 0;}
#cate #top_recommend::after{content: "";position: absolute;top: 0;left: 10px;margin-left: -10px;width: 0;height: 0;border-top: 60px solid #f65220;border-right: 60px solid transparent;}
#cate #top_recommend .tips {position: absolute;top: 8px;left: 5px;z-index: 2;color: #fff;font-size: 14px;font-weight: bold;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

#cate-rec {
	height:240px;
}
.cate-app .more {
    position: absolute;
    right: 0;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #888;
    font-weight: normal;
}
.cate-app .cate-list .item{width: 32%;margin-right: 2%;margin-top: 1em;background:#fff;padding:1em;border:1px solid transparent;	border-bottom: 1px solid #f5f5f7;border-radius: 3px;}
.cate-app .cate-list .item:hover{background:#f2f5f9;border: 1px solid #ecebeb;}
.cate-app .cate-list .item:nth-child(3n+1){margin-right:0;}
.cate-app.cate-swiper .cate-list .item:nth-child(3n){margin-right:0;}
.cate-app.cate-swiper .cate-list .item:nth-child(3n+1){margin-right:2%;}
/*.cate-app .cate-list .item:nth-child(2),.cate-app .cate-list .item:nth-child(3),.cate-app .item:nth-child(3),.cate-app .item:nth-child(4){margin-top:0;}
*/
.cate-app .cate-list .thumbnail{height:75px;}
.cate-app .cate-list .img{width:75px;height:75px;margin:0 auto;border-radius:10px}
.cate-app .cate-list .wrap{padding-top:0}
.cate-app .cate-list .title{font-size:18px;font-weight:500;max-width: 65%;}
.cate-app .cate-list .title-wrap{margin-left:85px;position:relative;}
.cate-app .cate-list .intro,.cate-app .cate-list .tag{margin-top:5px;max-height:64px;overflow:hidden;color:#888;}
.cate-app .cate-list .tag a{color:#999; margin-right: 8px;}
.cate-app .cate-list .tip {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #999;

}
.cate-app .cate-list .tip em {
    color: #ffaf0f;
    margin-right: 10px;
    font-style: normal;
}
.cate-app .cate-list .div{margin-top:5px}
.cate-app .cate-list a.more{height:42px;line-height:60px;text-align:center;display:block;color:#888;}
.cate-app .cate-list a.more:hover{color:inherit;}
.cate-app .cate-list .download {position: absolute;padding: 0 1em;border:1px solid #21b47c;color: #fff;background-color:#21b47c;font-size:12px;text-align: center;bottom: 0;right:0;z-index: 1;border-radius:1.2em;}
.cate-app .cate-list .download:hover {color: #21b47c;background-color:#fff;}
.cate-app .swiper-cate-list .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
.cate-app .swiper-cate-list .more:hover{color:inherit;}
.cate-app .swiper-cate-list .item i.iconfont{padding-right:5px;color:#666}
/*.cate-app .swiper-cate-list .item:nth-child(6n+1){margin-right:0}*/
.cate-app .swiper-cate-list .item{position:relative; width:16.6666667%; margin-right:0%;text-align:center;border-radius:6px;padding:.99em 0;border:1px solid #fff}
.cate-app .swiper-cate-list .item:hover{background-color:#f2f5f9;border:1px solid #ecebeb;}
.cate-app .swiper-cate-list.swiper-container { height:auto; top: 25px;}
.cate-app .swiper-cate-list .thumbnail{display:block;overflow:hidden;height: 70px;}
.cate-app .swiper-cate-list .thumbnail img{height:70px;width:70px;border-radius:15px}
.cate-app .swiper-cate-list .download{display:none;position:absolute;left: 50%; bottom:0;padding:0 .8em;color:#fff;background-color:#21b47c;text-align:center;border-radius:1.2em;z-index: 1;transform: translate(-50%, -50%);}
.cate-app .swiper-cate-list .item .title{width:100%;max-width:100%;padding:6px;font-size:14px;}
.cate-app .swiper-cate-list .item .sub{font-size:12px;opacity:.6;padding-top:5px;display: block;}
.cate-app .swiper-cate-list .item:hover .download{display:block;}
.cate-app .swiper-cate-list .item:hover .sub{opacity:0;}

.cate-app #new-app {
    position: relative;
    top:0;
}
.cate-app #new-app .item {
	background: transparent;
	border: none;
	margin-right: 0;
	padding: 0;
}
.cate-app #new-app .item:hover {
	border: none;
}
.cate-app #new-app .download {
	bottom: -.85em;
}
#new-app .thumbnail {
	margin-top:10px;
}

#new-app .state {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    position: relative;
}
#new-app .state .hot {
    background: url(../images/beta-hot.png) no-repeat;
    width: 40px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -2px;
}
#new-app .date {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #999;
}
#new-app .dot {
    background: url(../images/beta-dot1.png) no-repeat center;
    display: block;
    width: 100%;
    height: 20px;
    margin: 15px auto 0;
}
#new-app .item:hover .dot,#new-app .item.swiper-slide-active .dot {
    background: url(../images/beta-dot1-hover.png) no-repeat center;
    width: 100%;
    height: 20px;
}
#cate #full-post .thumbnail img {
	height:120px;
}


.cate_middle_1 .more{position:absolute;right:0;height:35px;line-height:35px;font-size: 14px;color:#888;font-weight:normal;}
.cate_middle_1 .more:hover{color:inherit;}
.cate_middle_1 .item i.iconfont{padding-right:5px;color:#666}
.cate_middle_1 .item:nth-child(6n+1){margin-right:0}
.cate_middle_1 .item{width:15%;margin-right:2%;position:relative;text-align:center;border-radius:6px;padding:1em 0;border:1px solid #fff}
.cate_middle_1 .item:hover{background-color:#f2f5f9;border:1px solid #ecebeb;}
.cate_middle_1 .thumbnail{display:block;overflow:hidden;height: 70px;}
.cate_middle_1 .thumbnail img{height:70px;width:70px;border-radius:15px}
.cate_middle_1 .download{display:none;position:absolute;left: 50%;bottom:0;padding:0 .8em;color:#fff;background-color:#21b47c;text-align:center;border-radius:1.2em;z-index: 1;transform: translate(-50%, -50%);}
.cate_middle_1 .item .title{width:100%;padding:6px;font-size:14px}
.cate_middle_1 .item .sub{font-size:12px;opacity:.6;padding-top:5px;display: block;}
.cate_middle_1 .item:hover .download{display:block;}
.cate_middle_1 .item:hover .sub{opacity:0;}
/*频道页左侧Tab分类*/
.cate_card.swiper-container {
	margin-bottom: 0 !important;
} 
.cate_card .tab {
	margin-top:10px;
	height:auto;
	font-size:16px;
}
.cate_card .tab li,.cate_card .tab li.swiper-slide-active {
	width: auto !important;
	height: 100%;
	display: inline-block;
	padding: 0.2em 1em;
	border: 1px solid rgba(143, 142, 147, 0.3);
    background-color: #fff;
    text-align: center;
    border-radius: 1.2em;
}
.cate_card .tab li a {
	color: #21b47c;
    font-size: 14px;
}
.cate_card .tab li:hover,.cate_card .tab li.swiper-slide-active {
    background-color: #21b47c;
}
.cate_card .tab li:hover a,.cate_card .tab li.swiper-slide-active a {
	color: #fff;
}
.swiper-page {
	overflow:hidden;
}
.tabCon {
	text-align:left;
	padding:12px 0;
}
.cate_card .tabCon ul {display:none}
.cate_card .tabCon .on {display:block}
/*--频道右侧分类--*/
#aside_cate.widget_aside_cate {
	padding: 0;
}
.slot a {
	display: flex;
}
.slot a img {
	width: 100%;
}
#aside_cate ul {
	display: inline-block;
    width: 100%;
    background: white;
    font-size: 16px;
    color: #333333;
    white-space: normal;
}
#aside_cate ul li {
	float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 50%;
    height: 65px;
    text-align: left;
    line-height: 65px;
    border-top: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    padding-left: 25px;
}
#aside_cate ul li em {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}
.newness-all {
    display: inline-block;
    *display: inline;
    *zoom: 1;	
    width: 16px;
    height: 16px;
    color: #ffaf0f;
}
.newness-all img {
    display: block;
    width: 100%;
    height: 100%;
}

/*--app-pc详情页--*/
.app-main{padding:2em}
.app-main figure{width:120px;height:180px;margin-right:30px; text-align: center;}
.app-main figure img{width: 100px;
height: 100px;
border-radius: 20px;
border: 1px solid #eee;
padding:10px;
/*margin-left: 20px;*/}
.app-main figure .download{width:inherit;display: block;margin-top: 10px;padding: 0.3em 1em;color: #fff;background-color: #21b47c;border: 1px solid #21b47c;text-align: center;border-radius: 100px;opacity:.7;}
.app-main figure .download:hover{opacity:1;}
.app-main .main{margin-right:30px;width:calc(66.6% - 30px);}
.app-main .main h1{font-size:20px;}
.app-main .main .tag{margin:10px 0;}
.app-main .main a.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;}
.app-main .main a.tags:hover{opacity:.8!important;}
.app-main .main a.tags:nth-child(1){background-color:#d9f2fb;color:#1aa9fb;}
.app-main .main a.tags:nth-child(2){background-color:#d9fcda;color:#3ab14a;}
.app-main .main a.tags:nth-child(3){background-color:#fff3d0;color:#f67c23;}
.app-main .main a.tags:nth-child(4){background-color:#f8cbff;color:#a123db;}
.app-main .main a.tags:nth-child(5){background-color:#bbf1f2;color:#04839d;}
.app-main .main a.tags:nth-child(6){background-color:#ffdede;color:#e84f4f;}
.app-main .main a.tags:nth-child(7){background-color:#d9fcda;color:#3ab14a;}
.app-main .main a.tags:nth-child(8){background-color:#bbf1f2;color:#04839d;}
.app-main .main li{width:60%;}
.app-main .main li:nth-child(odd){width:34%;}
.app-main .main li span{color:#333;}
.app-main .head-info{color:#999;border-bottom:1px solid #eee;padding-bottom:25px;}
.spec-main .head-info{color:#999;border-bottom:0px solid #eee;padding-bottom:15px;}
.app-main .head-info .qr{width:100px;}
.app-main .head-info .qr .p{font-size:12px;}
.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: #111;background-color: #f2f5f9;border: 1px solid #ccc;text-align: center;font-size:12px;opacity:.6;}
.app-main .head-info .wrong:hover{opacity:1}
.app-content .title-css {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;}
.app-content .title-css .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: #21b47c;color: #fff;font-size: 14px;}
.app-main .app-content{padding-top:10px;position:relative;font-size:16px;width:100%!important;overflow:hidden;word-break:break-all}
.app-content a{color:#21b47c}
.app-content a:hover{border-bottom:1px dashed #21b47c}
.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{font-size:1.6em}
.app-content h3{font-size:1.4em}
.app-content h4{font-size:1.2em}
.app-content h5{font-size:1em}
.app-content h6{font-size:0.8em}
.app-content blockquote{color:#666;font-weight:400;border-left:4px solid #21b47c;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:#21b47c;color:#fff;border:1px solid #21b47c}
.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: #21b47c;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;margin-right:1.2em;color: #fff;background-color: #21b47c;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:.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{cursor:pointer;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;}


.spec-main{padding:3em}
.spec-main .art-title a{font-size:26px;font-weight: normal;}
.spec-main .head-info{color:#666;padding-top:5px;overflow: hidden;}
.spec-main .head-info i.iconfont{padding-right:2px}
.spec-main .head-info .author,.spec-main .head-info .comment,.spec-main .head-info .edit,.spec-main .head-info .time,.spec-main .head-info .view{padding-right:1em; color: rgba(153,153,153, 1);}
.spec-main .description{ position: relative; color:#666; background:rgba(247,247,247, 1); text-align: justify;padding: 1.5em;border-radius: 8px;}
.spec-main .description .iconfont {
	background: url(../images/ico_img.png) no-repeat;
    background-size: 600px 600px;
    display: inline-block;
}
.spec-main .description .iconfont.quot{
	position: absolute;
    top: -9px;
    width: 35px;
    height: 25px;
    background-position: -330px -350px;
}
.spec .spec-main {
    position: relative;
}
.spec-img {
    display: inline-block;
    width: 32%;
    margin-right: 1.5em;
}
.spec-img img {    
    width: 100%;
}
.spec-info {
    display: inline-block;
    width: calc(68% - 4.5em  - 100px);
}
.spec-qrcode{
    display: inline-block;
    width: 100px;
}
.spec .topic-main .head-info{width:32%;height:235px; margin-right:1.5em;border-radius:10px;position:relative;z-index:1;}
.spec .topic-main .head-info:nth-child(3n) {margin-right:0;}
.spec .topic-main .head-info:nth-child(even){float:left;}
.spec .topic-main .head-info:nth-child(n+4){
    height:135px;
}

.spec .topic-main .head-info .description {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.5em;
    text-align: justify;
}
.spec-main .qr .p{font-size:12px;}
.spec-main .wrong i{font-size:12px;padding-right:2px;}
.spec-main .wrong{width:inherit;display: block;margin-top: 10px;height:2.4em;line-height:2.4em;color: #111;background-color: #f2f5f9;border: 1px solid #ccc;text-align: center;font-size:12px;opacity:.6;}
.spec-main .wrong:hover{opacity:1}
.spec .topic-main .head-info .description .download {
    margin-right: 0;
}
.spec .topic-main .head-info:nth-child(n+4) .description {
    display: none;
}
.spec .topic-main .head-info:nth-child(n+4):hover .figure,.spec .topic-main .head-info:nth-child(n+4):hover .main {
    display: none;
}
.spec .topic-main .head-info:nth-child(n+4):hover .description {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 1.5em;
}

.spec .topic-main .head-info:hover .blur-layer {
    opacity:.30;

}
.spec .topic-main .head-info .blur {-webkit-filter: blur(30px);-moz-filter: blur(30px);-ms-filter: blur(30px);filter: blur(30px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=30, MakeShadow=false);}

@media screen and (max-width:1200px){
    .topic-main .head-info{width:100%;}
    .topic-main .main{top:1em;right:1em;}
    .topic-main .head-info{height:110px;}
    .spec .topic-main .head-info{width:calc(50% - 0.75em);}
    .spec .topic-main .head-info:nth-child(2n){
        margin-right: 0em;
    }
}
/*.spec .spec-main:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(3.98deg,rgba(0,0,0,0) 20.98%,rgba(0,0,0,0.26) 60.1%,rgba(0,0,0,0.56) 100.18%);
    opacity: .55;
    left: 0;
    top: 0;
    border-radius: 3px;
    z-index: 1;

}
.spec .spec-main:hover:before {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}*/
.rand-num {
    /*display: block;
    float: left;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    width: 50px;
    height: 50px;
    background: url(../images/ico-phlist.png) no-repeat;
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 3;*/
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    background: url(../images/ico-phlist.png) no-repeat;
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 3;
    background: rgba(255,0,0,1);
    border-radius: 0 0 15px 0;

}
/*--app-apk详情页--*/

.apk-info{ width:100%; background:#fff; padding: 2em;}
.apk-info .apk-img{ width:150px; height:150px; border-radius:22px; margin:0 auto 10px; display:block; overflow:hidden;padding: 15px;}
.apk-info h1{ width:92%; height:auto; line-height:24px; font-size:18px; font-weight:bold; color:#333;text-align:center; margin:0 auto; display:block; overflow:hidden; margin-bottom: 10px; }
.apk-info .down-list{ height:auto; margin:0 auto; display:block; overflow:hidden}
.apk-info .down-list li{ width:180px; height:auto; display:block; overflow:hidden; margin:0 auto;}
.apk-info .down-list li a{ width:100%; height:45px; line-height:45px; font-size:16px; font-weight:normal; color:#fff; text-indent:64px; background:#33abff; border-radius:45px; display:block; overflow:hidden; position:relative; zoom:1; margin-top: 15px;}
.apk-info .down-list li a i{ width:20px; height:20px; background:url(../images/android-down-icon.png) no-repeat 0 -760px; display:block; overflow:hidden; position:absolute; left:33px; top:14px;}
.digg {width: 150px; margin:0 auto;}
.digg div{ background: url(../images/dc.png) no-repeat; background-position: 5px 0; padding-left: 35px;  border:1px #eee solid; border-radius: 25px; cursor: pointer;overflow: hidden;}
.digg div b{ font-size: 14px;color:#333; height: 28px; line-height: 28px; padding: 0;display: block;width: 35px; border-left: 1px #eee solid;  text-align: center; }
.digg div.cai { background-position: 5px -28px }
.apk-info .down-list li a:hover{ background:#2398ea}
.apk-info .down-list li.down a{ background:#21b47c}
.apk-info .down-list li.down a i{ background-position:0 -889px}
.apk-info .down-list li.down a:hover{ background:#21b47c}
.apk-info .qrcode{ width:180px; height:auto; margin:20px auto 0; display:block; overflow:hidden;}
.apk-info .down-list li.down p {width:100%; height:45px; line-height:45px; font-size:16px;background:#8a8a8a; border-radius:5px; text-align: center;margin-top: 15px; color:#fff;}
.apk-info .qrcode dt{ width:120px; height:120px; border:1px solid #eee; padding: 8px; margin:auto; display:block; overflow:hidden}
.apk-info .qrcode dt canvas{ width:100%; height:auto;}
.apk-info .qrcode dd{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:12px 0 0; display:block; overflow:hidden;}
.apk-info .qrcode dd a{ text-decoration:underline; padding:0 3px;}
.apk-info .wrong {
    width: 120px;
    display: block;
    margin: 10px auto 0;
    height: 2.4em;
    line-height: 2.4em;
    color: #111;
    background-color: #f2f5f9;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
    opacity: .6;

}
.apk-info .wrong:hover {
    opacity: 1;
}
.apk-info .wrong i {
    font-size: 12px;
    padding-right: 2px;
}
.grey {
    color: var(--color-muted);
    text-align: center;
    margin-top: 10px;
}
.disclaimers {
    color: var(--color-muted);
    text-align: left;
    margin-top: 10px;
}
.grey a,.disclaimers a{
    cursor: pointer;
    color: var(--color-primary);
}
#index-middle .app-main .main{margin-right:30px;width:calc(100% - 30px);}
#content #index-middle .swiper-container,#content #mainbox .swiper-container {
    height: auto;
}
#content #index-middle .cate_card.swiper-container,#content #mainbox .cate_card.swiper-container {
    margin-bottom: 1em !important;
    width: auto;
}
#index-middle .related-item .item {
    width: 18.8%;
}
#index-middle .related-item .item:nth-child(5n) {
    margin-right: 0;
}
#index-middle .related-item .item:nth-child(8n) {
    margin-right: 1.5%;
}

#content #index-middle .swiper-page,#content #index-middle .swiper-page-down,#content #mainbox .swiper-page,#content #mainbox .swiper-page-down {
    width: 100%;
    overflow: hidden;
}
#content #index-middle .cate_card .tab,#content #mainbox .cate_card .tab {
    margin-top: 0;
}
#content #index-middle .related-art li:nth-child(odd),#content #mainbox .related-art li:nth-child(odd) {
    margin-right: 0;
}
.text-hide{ position: absolute; bottom: 0px; z-index: 2; width:100%; height: 54px; background:url(../images/yzk.png) left -20px; }
.text-hide p{ display: block; width: 104px;font-size: 16px;font-weight:bold;overflow: hidden; cursor:pointer; color: #fff; background:#21b47c; margin: 10px auto; padding: 0.2em 1.5em;border-radius: 1.2em; text-align: center;}
.text-hide .expand{ background-position: 0 0;}
.text-hide .collapse{ display: none;}
@media screen and (max-width: 1200px) {
    .c-title {
        margin-top: 0;
    }
    #index-middle .related-item .item {
        width: 23.6%;
        padding: .5em 0;
    }
    #index-middle .related-item .item:nth-child(4n) {
        margin-right: 0;
    }
    #index-middle .related-item .item:nth-child(8n) {
        margin-right: 0;
    }
    .related-art .swiper-page-down li {
        width: 50%;
    }
    #content #index-middle .app-main .main h1 {
        position: initial;
    }

}
/*--文章详情页--*/
.art-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height:100%;
    z-index: 0;
   /* opacity:.36;*/
}
.art-head{position: relative;text-align:center;padding: 3em; z-index: 1;}
.art-main{padding:3em}
.art-main .art-title{font-size:26px;font-weight: normal;color:#333;}
.art-main .head-info{color:#666;overflow: hidden; border:4px solid transparent;}
.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-content{padding:0 3em 3em;position:relative;font-size:16px;width:100%;word-break:break-all;z-index: 1;}
.dark .art-head,.dark .art-content{
    background: rgba(0,0,0, .6)
}

.art-main .topic-main .head-info:nth-child(1):hover {
    border:4px solid #f00;

}
.art-main .topic-main .head-info:nth-child(2):hover {
    border:4px solid #ff7100;
}
.art-main .topic-main .head-info:nth-child(2) .rand-num {
    background: #ff7100;
}
.art-main .topic-main .head-info:nth-child(3):hover {
    border:4px solid #f7aa00;
}
.art-main .topic-main .head-info:nth-child(3) .rand-num {
    background: #f7aa00;
}


.art-content a{color:#21b47c}
.art-content a:hover{border-bottom:1px dashed #21b47c}
.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 blockquote{color:#666;font-weight:400;border-left:4px solid #21b47c;padding:.5em 1em;background-color:#f9f9f9}
.art-content img{}
.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:#21b47c;color:#fff;border:1px solid #21b47c}
.art-copyright{background:#f8f8f8;padding:1em 1.5em;font-size: 14px;}
.art-copyright .copyright{font-weight:700;padding-top:10px}
/*文章包含的app*/
.art-content .topic-main li{margin-left:0;}
.art-content .topic-main h2{margin:0;}

/*--文章详情页样式二--*/
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.width {
    width: 100%;
}
.article {
    background: #FFF;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}

.article .a-big-title {
    line-height:30px;
    font-size:16px;
    color:#71777d;
    background:#f6f8fb;
    border-bottom:1px solid #f2f2f2
}
.article .a-big-title p {
    padding:10px;
    margin:0 auto
}
.article .container>._left{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:1px;
    border-radius:5px;
    background:#fff
}
.article .container>._left .a-content {
    padding:30px 0 0;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.article .container>._left .a-content>._left{
    text-align:center;
    width:100px;
    padding-right:30px;
    border-right:1px solid #ececec;
    height:720px;
    position:sticky;
    top:100px
}
.article .container>._left .a-content>._left .through{
    position:relative
}
.article .container>._left .a-content>._left .through:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#e8e8e8;
    position:absolute;
    top:50%;
    left:0
}
.article .container>._left .a-content>._left .year{
    color:#000;
    font-family:Politica
}
.article .container>._left .a-content>._left .year span{
    display:inline-block;
    background:#fff;
    padding:0 5px;
    position:relative;
    z-index:1;
    font-size:21px;
    font-family:Politica
}
.article .container>._left .a-content>._left .md{
    font-size:34px;
    line-height:1.5;
    color:#000;
    font-family:Politica
}
.article .container>._left .a-content>._left .time{
    font-size:20px;
    color:#000;
    font-family:Politica;
    margin-bottom:25px
}
.article .container>._left .a-content>._left .icon {
    width: 2.6rem;
    height:2.6rem;
}
.commit .icon {
    width: 2.6rem;
    height:2.6rem;
}
.article .container>._left .a-content>._left .class{
    font-size:12px;
    color:#999
}
.article .container>._left .a-content>._left .share-group{
    padding-top:10px
}
.article .container>._left .a-content>._left .share-group li{
    width:40px;
    height:40px;
    margin:10px auto 0;
    background-size:100% 100%;
    cursor:pointer;
    position:relative;
    border-radius:50%
}
.article .container>._left .a-content>._left .share-group li a {
    display: block;
    width: 40px;
    height: 40px;
}
.article .container>._left .a-content>._left .share-group li.wx_session{
    background-image:url(../images/share_wechat_dis.png)
}
.article .container>._left .a-content>._left .share-group li.wx_session:hover{
    background-image:url(../images/share_wechat_hover.png)
}
.article .container>._left .a-content>._left .share-group li.wx_friends{
    background-image:url(../images/share_wechat_circle_dis.png)
}
.article .container>._left .a-content>._left .share-group li.wx_friends:hover{
    background-image:url(../images/share_wechat_circle_hover.png)
}
.article .container>._left .a-content>._left .share-group li.qzone{
    background-image:url(../images/share_qzone_dis.png)
}
.article .container>._left .a-content>._left .share-group li.qzone:hover{
    background-image:url(../images/share_qzone_hover.png)
}
.article .container>._left .a-content>._left .share-group li.qq{
    background-image:url(../images/share_qq_dis.png)
}
.article .container>._left .a-content>._left .share-group li.qq:hover{
    background-image:url(../images/share_qq_hover.png)
}
.article .container>._left .a-content>._left .share-group li.weibo{
    background-image:url(../images/share_weibo_dis.png)
}
.article .container>._left .a-content>._left .share-group li.weibo:hover{
    background-image:url(../images/share_weibo_hover.png)
}
.article .container>._left .a-content>._left .share-group li.link{
    background-image:url(../images/link_dis.png)
}
.article .container>._left .a-content>._left .share-group li.link:hover{
    background-image:url(../images/link_hover.png)
}
.article .container>._left .a-content>._left .share-group.share-money li {
    margin-top:10px
}
.article .container>._left .a-content>._left .commit{
    position:relative;
    margin-top:15px
}
/*common share*/
.through{
    position:relative;
    text-align: center;
}
.through:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:#e8e8e8;
    position:absolute;
    top:50%;
    left:0
}
.year{
    color:#000;
    font-family:Politica
}
.year span{
    display:inline-block;
    background:#fff;
    padding:0 5px;
    position:relative;
    z-index:1;
    font-size:21px;
    font-family:Politica
}
.share-group{
    text-align: center;
    padding-top:10px
}
.share-group li{
    display: inline-block;
    list-style: none;
    width:40px;
    height:40px;
    margin:14px 10px 0;
    background-size:100% 100%;
    cursor:pointer;
    position:relative;
    border-radius:50%
}
.share-group li a:hover {
    border: none;
}
.share-group li a {
    display: block;
    width: 40px;
    height: 40px;
}
.share-group li.wx_session{
    background-image:url(../images/share_wechat_dis.png)
}
.share-group li.wx_session:hover{
    background-image:url(../images/share_wechat_hover.png)
}
.share-group li.wx_friends{
    background-image:url(../images/share_wechat_circle_dis.png)
}
.share-group li.wx_friends:hover{
    background-image:url(../images/share_wechat_circle_hover.png)
}
.share-group li.qzone{
    background-image:url(../images/share_qzone_dis.png)
}
.share-group li.qzone:hover{
    background-image:url(../images/share_qzone_hover.png)
}
.share-group li.qq{
    background-image:url(../images/share_qq_dis.png)
}
.share-group li.qq:hover{
    background-image:url(../images/share_qq_hover.png)
}
.share-group li.weibo{
    background-image:url(../images/share_weibo_dis.png)
}
.share-group li.weibo:hover{
    background-image:url(../images/share_weibo_hover.png)
}
.share-group li.link{
    background-image:url(../images/link_dis.png)
}
.share-group li.link:hover{
    background-image:url(../images/link_hover.png)
}
.share-group.share-money li {
    margin-top:10px
}

.commit{
    position:relative;
    margin-top:15px
}
.article .container>._left .a-content>._left .commit i{
    font-size:40px;
    color:#666;
    cursor:pointer
}
.commit i{
    font-size:40px;
    color:#666;
    cursor:pointer
}
.article .container>._left .a-content>._left .commit b{
    position:absolute;
    top:-5px;
    right:0;
    background:#f30;
    border:3px solid #fff;
    color:#fff;
    font-weight:400;
    font-size:13px;
    padding:0 6px;
    border-radius:10px;
    line-height:18px
}
.commit b{
    position:absolute;
    top:-5px;
    background:#f30;
    border:3px solid #fff;
    color:#fff;
    font-weight:400;
    font-size:13px;
    padding:0 6px;
    border-radius:10px;
    line-height:18px
}
.article .container>._left .a-content>._left .ar-back{
    cursor:pointer;
    width:40px;
    height:40px;
    display:block;
    text-align:center;
    margin:13px auto 0;
    border-radius:50%;
    line-height:40px;
    border:1px solid #e3e3e3;
    font-size:22px;
    color:#bebebe
}
.article .container>._left .a-content>._left ._report{
    cursor:pointer;
    font-size:14px;
    color:#868686;
    line-height:29px;
    margin-top:13px;
    display:block
}
.article .container>._left .a-content>._right{
    width:1px;
    padding: 0 1.2rem 1.2rem; 
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    position:relative
}
.article .container>._left .a-content>._right .article-talk{
    padding-top:10px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.article .container>._left .a-content>._right .article-talk a{
    line-height:25px;
    margin-right:10px;
    margin-bottom:10px;
    font-weight:300;
    color:#4b4b4b;
    background:#f6f8fa;
    padding:5px 15px;
    border-radius:4px;
    font-size:16px;
    cursor:pointer
}
.article .container>._left .a-content>._right .a-h3{
    font-size:32px;
    color:#333;
    line-height:1.6;
    margin-bottom:30px
}
.article .container>._left .a-content>._right .a-h3 i{
    background:-webkit-gradient(linear,left top,left bottom,from(#fb5b63),to(#ff7838));
    background:linear-gradient(180deg,#fb5b63,#ff7838);
    color:#fff;
    padding:0 11px;
    font-size:17px;
    margin-right:15px;
    line-height:26px;
    height:26px;
    border-radius:100px;
    vertical-align:middle;
    margin-top:-2px;
    font-style:normal;
    font-weight:400;
    display:inline-block
}
.article .container>._left .a-content>._right .a-h3 b{
    border:1px solid #00c2c3;
    color:#00c2c3;
    padding:0 11px;
    font-size:14px;
    margin-right:15px;
    line-height:26px;
    height:26px;
    border-radius:100px;
    vertical-align:middle;
    margin-top:-2px;
    font-style:normal;
    font-weight:400;
    display:inline-block
}
.article .container>._left .a-content>._right .pre-read{
    margin-bottom:25px
}
.article .container>._left .a-content>._right .pre-read .pre-head{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
}
.article .container>._left .a-content>._right .pre-read .pre-head .pre-left{
    font-weight:700;
    font-size:37.5px;
    color:#446565;
    line-height:37.5px
}
.article .container>._left .a-content>._right .pre-read .pre-head .pre-right{
    color:#446565;
    line-height:32px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    width:0;
    margin-left:12.5px;
    font-size:17px;
    font-weight:300
}
.article .container>._left .a-content>._right .pre-read .pre-border{
    height:2px;
    width:100px;
    background:#e6e6e6;
    margin-top:10px;
    border-radius:5px
}
.article .container>._left .a-content>._right ._content{
    line-height:37px;
    font-size:17px;
    color:#444
}
.article .container>._left .a-content>._right ._content p{
    margin-bottom:12px
}
.article .container>._left .a-content>._right ._content img{
    max-width:100%
}
.article .container>._left .a-content>._right .ard-upbottom{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:15px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.article .container>._left .a-content>._right .ard-upbottom .ard-item{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #ececec;
    padding:9px 32px;
    border-radius:50px;
    cursor:pointer
}
.article .container>._left .a-content>._right .ard-upbottom .ard-item .ard-left{
    margin-right:10px;
    font-size:16px;
    line-height:20px
}
.article .container>._left .a-content>._right .ard-upbottom .ard-item .ard-right{
    font-size:15px;
    line-height:20px
}
.article .container>._left .a-content>._right .ard-upbottom .ard-item.disabled .ard-left,.article .container>._left .a-content>._right .ard-upbottom .ard-item.disabled .ard-right{
    color:#c5c5c5
}
.article .container>._left .a-content>._right .no-buy {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(80%,#fff));
    background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 80%);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding-top:70px
}
.article .container>._left .a-content>._right .no-buy .nob-icon{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    margin-left:10px;
    font-size:17px;
    font-weight:700;
    color:#333;
    line-height:50px;
    cursor:pointer
}
.article .container>._left .a-content>._right .no-buy .nob-text{
    font-size:17px;
    font-weight:700;
    color:#333;
    line-height:50px;
    cursor:pointer
}
.article .container>._right,.video .container>._right {
    margin-left:35px;
    width:315px
}
.article .container>._right .author-this{
    background:#fff;
    border-radius:5px;
    padding-top:19px
}
.article .container>._right .sticky{
    position:sticky;
    top:80px
}
.article .container>._right .sticky .recommend{
    background:#fff;
    border-radius:5px;
    padding:19px 0 5px
}
.article .container>._right .sticky .recommend ul{
    margin-top:13px
}
.article .container>._right .sticky .recommend ul li{
    margin-bottom:18px;
    float:left;
    width:calc(50% - 8px)
}
.article .container>._right .sticky .recommend ul li:nth-child(2n){
    margin-left:16px
}
.article .container>._right .sticky .recommend ul li .a{
    display:block
}
.article .container>._right .sticky .recommend ul li .a img{
    width:100%;
    height:80px;
    border-radius:4px;
    display:block;
    margin-bottom:10px
}
.article .container>._right .sticky .recommend ul li .a span{
    display:block;
    font-size:14px;
    color:#333
}
.article .container>._right .sticky .app-down{
    border:1px solid #f3f3f3
}
.article .container>._right .sticky .catalogue{
    margin-top:22px
}
.article .container>._right .sticky .catalogue ul{
    margin-top:15px;
    margin-bottom:5px;
    max-height:360px;
    padding-right:12px;
    overflow-y:auto
}
.article .container>._right .sticky .catalogue ul::-webkit-scrollbar{
    width:4px;
    height:4px
}
.article .container>._right .sticky .catalogue ul::-webkit-scrollbar-thumb,.article .container>._right .sticky .catalogue ul::-webkit-scrollbar-track {
    border-radius:999px;
    border:0 solid transparent
}
.article .container>._right .sticky .catalogue ul::-webkit-scrollbar-track{
    -webkit-box-shadow:1px 1px 5px hsla(0,0%,39.2%,.2) inset;
    box-shadow:inset 1px 1px 5px hsla(0,0%,39.2%,.2)
}
.article .container>._right .sticky .catalogue ul::-webkit-scrollbar-thumb{
    min-height:0;
    background-clip:content-box;
    -webkit-box-shadow:0 0 0 5px hsla(0,0%,39.2%,.5) inset;
    box-shadow:inset 0 0 0 5px hsla(0,0%,39.2%,.5)
}
.article .container>._right .sticky .catalogue ul::-webkit-scrollbar-corner{
    background:transparent
}
.article .container>._right .sticky .catalogue ul li{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin-bottom:20px;
    cursor:pointer
}
.article .container>._right .sticky .catalogue ul li:last-child{
    margin-bottom:0
}
.article .container>._right .sticky .catalogue ul li .catat-left {
    width:40px;
    height:24px;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.article .container>._right .sticky .catalogue ul li .catat-left .catat-icon{
    width:19px;
    height:19px
}
.article .container>._right .sticky .catalogue ul li .catat-left .catat-tag{
    font-size:11px;
    background:#fff7f6;
    color:#f81d1d;
    line-height:24px;
    border-radius:4px;
    font-weight:300;
    width:40px;
    text-align:center
}
.article .container>._right .sticky .catalogue ul li .catat-title{
    font-size:15px;
    width:1px;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:12px;
    margin-right:12px;
    color:#333;
    line-height:24px;
    font-weight:400
}
.article .container>._right .sticky .catalogue ul li .catat-title.active {
    color:#000;
    font-weight:700
}
.article .container>._right .sticky .catalogue ul li .catat-time{
    color:#999;
    font-size:14px;
    line-height:24px;
    font-weight:300
}



/*--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:#f2f5f9;border:1px solid #ecebeb;}
.related-item .thumbnail{display:block;overflow:hidden;height: 70px;}
.related-item .thumbnail img{height:60px;width:60px;border-radius:15px}
.related-item .download{
    display:none;
    position: absolute;
    left: 50%;
    bottom: 0;
    padding: 0 0.6em;
    color: #fff;
    background-color: #21b47c;
    text-align: center;
    white-space: nowrap;
    border-radius: 1.2em;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-size: 13px;}
.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:5px;height:20px;display:block;}
.related-item .item:hover .download{display:block;}
.related-item .item:hover .sub{opacity:0;}
/*--app专题列表推荐--*/
.topic-list .figure,.topic-list .figure img{width: 330px;height: 225px;}
.topic-list .content{margin-left:350px;}
.topic-list .related-item .item{width:18.45%;}
.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; margin-right:1.9%;}
.topic-list .related-item .item:nth-child(-n+5){display:block;}
.topic-list .related-item .item:nth-child(5){margin-right:0;}
@media screen and (max-width:1200px){
.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;}
}
/*--app专题列表推荐样式二--*/
.ztMid .quot {
    background: url(../images/ico_img.png) no-repeat;
    background-size: 600px 600px;
    display: inline-block;
}
.ztMid i.quot{
    position: absolute;
    top: -9px;
    width: 35px;
    height: 25px;
    background-position: -330px -350px;
}
.ztMid{position:relative;padding-top:77px; background:rgba(255,255,255,1); border-radius: 10px;}
.ztMid > div:nth-child(1){width:100%;border-radius:12px;background:rgb(255,255,255);position:relative;top:-60px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:20px 0; }
.ztMid > div:nth-child(1) a{display:block;line-height:40px;margin:0 .8em;color:rgb(102,102,102);font-size:18px;text-align:center;position:relative;transition:font-size 0.3s ease 0s;}
.ztMid > div:nth-child(1) a::before{content:"";position:absolute;bottom:-12px;left:0;right:0;margin:auto;width:0px;height:8px;border-radius:4px;background:rgb(255,186,37);transition:width 0.3s ease-in-out 0s;}
.ztMid > div:nth-child(1) a.current{color:rgb(51,51,51);font-size:24px;font-weight:bold;}
.ztMid > div:nth-child(1) a.current::before,.ztMid > div:nth-child(1) a:hover::before{width:20px;}
.ztMid ul li{float: left; width: 49%; padding: 1.5em; background: rgb(255,255,255); border-radius: 16px; margin: 0px 0 50px 1%;}
.ztMid ul li:nth-child(2n){margin-right:0px;}
.ztMid ul li .top{display:block;position:relative;height:132px;padding-left:274px;}
.ztMid ul li .top img{position:absolute;top:-34px;left:0px;width:258px;height:144px;border-radius:10px;}
.ztMid ul li .top div{white-space:nowrap;overflow:hidden;}
.ztMid ul li .top div p:nth-child(1){height:48px;line-height:48px;color:rgb(51,51,51);font-size:20px;}
.ztMid ul li .top div p:nth-child(2){height:28px;line-height:28px;color:rgb(102,102,102);font-size:12px;}
.ztMid ul li .top div p:nth-child(2) i{display:inline-block;height:16px;width:16px;background-position:-32px -400px;vertical-align:top;margin:0px 8px 0px 0px;}
.ztMid ul li .top div p:nth-child(3){height:30px;line-height:30px;color:rgb(153,153,153);font-size:14px;}
.ztMid ul li .top div p:nth-child(3) span{color:rgb(238,62,49);font-size:22px;font-weight:bold;float:right;}
.ztMid ul li .bottom{display:inline-flex;align-items: center; width:100%;height:auto;background:rgba(247,247,247,1);border-radius:6px;padding:1.5em;position:relative;}
.ztMid ul li .bottom p{width:70%;float:left;line-height:26px;color:rgb(153,153,153);font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;}
.ztMid ul li .bottom div{width:30%;height:50px;position:relative;}
.ztMid ul li .bottom div img{position:absolute;background: rgba(255,255,255,1);width:50px;height:50px;border-radius:8px;z-index:3;border-right:3px solid rgb(255,255,255);transition:all 0.2s ease-in-out 0s;}
.ztMid ul li .bottom div a:nth-child(2) img{left:34px;z-index:2;}
.ztMid ul li .bottom div a:nth-child(3) img{left:68px;z-index:1;}
.ztMid ul li .bottom div a:nth-child(4) img{left:102px;z-index:0;}
.ztMid ul li .bottom div a img:hover{z-index:3;transform:scale(1.1);}
@media only screen and (max-width:767px) { 
    .ztMid {background:rgba(247,247,247,1); padding-top: 47px; border-radius: 0;}
    .ztMid > div:nth-child(1) {
        top: -40px;
        background:transparent;
    }
    .ztMid ul li {
        flex-direction: column;
        width: calc(100% - 3em);
        margin:0 1.5em 30px;
        background: rgba(255,255,255,1);
    }
    .ztMid ul li .top {
        padding-left: 0;
        height: auto;
    }
    .ztMid ul li .top img {
        position: relative; 
        width: 100%;
        height: auto;

    }
    .ztMid ul li .top div {
        margin-top:-34px;
        width: 100%;
    }
    .ztMid ul li .bottom {
        flex-direction: column;
        margin-top: 0.95em;
    }
    .ztMid ul li .bottom p {
        width: 100%;
    }
    .ztMid ul li .bottom div {
        margin-top: .5em;
        width: 100%;
    }
    
    .ztMid ul li .bottom i.quot {
        left:1.5em;
    }
    .ztMid ul li .top div p:nth-child(2) {
        display: inline-block;
    }
    .ztMid ul li .top div p:nth-child(3) {
        float: right;
        display: inline-block;
    }
/*    .ztMid ul li .bottom div a:nth-child(3){display:none;}
    .ztMid ul li .bottom div a:nth-child(4){display:none;}*/
}
@media only screen and (max-width:479px) {

}
/*--相关文章--*/
.related-art li{width:46%;margin:1px 0; text-align: left;}
.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:#6b7386;}
#txaArticle{margin-top: 10px;color: #6b7386;padding:10px;width:100%;height:130px;border:1px solid #d7dae0;border-radius: 3px;}
#divCommentPost input.button{border:1px solid #21b47c;color:#fff;background-color:#21b47c;text-align:center;height:42px;line-height:42px;border-radius:3px;width:120px;display:block;margin-top: 10px;cursor:pointer;opacity:.7;}
#divCommentPost input.button:hover{opacity:1;}
ul.msg{list-style: none;margin: 10px 0;position:relative;text-align:left;list-style-position:outside;table-layout:fixed;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: 10px;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: 10px 15px;background: #f2f5f9;border-radius: 5px;margin-left:1.5%;}
.comment-main .time{font-size:12px;opacity:.6;}
.commentname a{color:#21b47c;}
.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;padding: 1.5em;z-index: 1;}
.page-numbers{padding:0 1em;line-height:34px;text-align:center;margin:0 0 0 5px;display:inline-block;background-color:#21b47c;color:#fff}
a.page-numbers{background:#fff;color:#1a1a1a;border: 1px solid #eee;}
a.page-numbers:hover{background-color:#21b47c;color:#fff}
.ias-spinner{background:url(../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:#888;padding:0 1.5em;font-size:.9em; text-align: center;}
.footer i{font-style:normal;padding:0 5px;opacity:.6}
.footer a{color:#888}
.footer a:hover{color:#21b47c}
.footer small .icp{padding-left:1em;}
.f-about{padding:1% 0 3% 0;}
.footer .icp,.footer .contact{padding-left:8px;}
.bottom-nav{
    line-height: 30px;
    text-align: center;
    color: #888;
}
.bottom-nav a {
    padding: 10px 20px;
}
.bottom-nav span:last-child{display: none}
/*--回顶部--*/
.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{margin-bottom:18px;width:40px;height:40px;line-height:40px;vertical-align:middle;text-align:center;background-color:#21b47c;opacity:.7;}
.toolbar .btn:hover{opacity:1;}

/*==========responsive==========*/

@media screen and (max-width:1200px){
    .s-input,.s-button{height:50px;line-height:50px;background:#fff;}
    .h-wrap,.header{height:60px}
    .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:75%;height:100%;position:fixed;left:0;top:60px;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:9;display:none;background: url(../images/nav_bg.png) repeat 200%  #FFF;}
    .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:24px;cursor:pointer;width:60px;height:60px;line-height:56px;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:#21b47c;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}
    .index-breadcrumb{padding-top:70px}
    .breadcrumb,.breadcrumb2{padding:5px 0 5px 10px!important;color:#888}
    .search-button{position:absolute;top:0;right:14px;z-index:1;height:60px;width:60px;display:block}
    .search-button i.iconfont{height:60px;width:60px;line-height:60px;text-align:center;display:block;font-size:24px}
    #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{margin-right:0;}
    /*.left_2,.flink,#full-post,#full-app,.double-app, .cate-app,.post-comment,.middle_1,.recommend-b,.related-art,.widget{padding:20px 15px 15px 15px}*/
    .flink, .full-post, .related-art, .widget, #left_1, .left_2, .left_3, .left_4, .middle_1, .middle_2, .cate_middle_1, #right_3, #full-post, #full-app, .double-app, .cate-app, .related-item, .comment-list, .comment-submit {
        padding: 1em;
    }

    #mainbox{width:100%}
    .left_2 .thumbnail img{height:45vw;}
    .swiper-container{margin-bottom:20px!important;width:100%;border-radius:0!important;}
    .swiper-container img{width:100%;}
    .cate_middle_1 .item,.middle_1 .item{width:23.5%;display:none;padding: .5em 0;}
    .cate_middle_1 .item:nth-child(6),.middle_1 .item:nth-child(6){margin-right:2%!important;}
    .cate_middle_1 .item:nth-child(6n+1),.middle_1 .item:nth-child(6n+1) {margin-right:2%!important;}
    .cate_middle_1 .item:nth-child(11),.middle_1 .item:nth-child(11){margin-right:2%!important;}
    .cate_middle_1 .item:nth-child(13),.middle_1 .item:nth-child(13){margin-right:0!important;}
    .cate_middle_1 .item:nth-child(-n+13),.middle_1 .item:nth-child(-n+13){display:block;}
    .cate_middle_1 .item:nth-child(4n+1),.middle_1 .item:nth-child(4n+1){margin-right:0}
    .cate_middle_1 .item:hover .download,.middle_1 .item:hover .download{display:none;}
    .cate_middle_1 .item:hover .sub,.middle_1 .item:hover .sub{opacity:1;}
    .cate_middle_1 .item .title,.middle_1 .item .title{font-size:14px}
    .middle_2 .item{width:100%;margin-right:0;}
    .middle_2 .item{display:none;}
    .middle_2 .item:nth-child(-n+13){display:block;}
    #full-post .item{width:49%;margin-top:3%!important;}
    #full-post .item:nth-child(2n) {
    	margin-right: 0;
    }
    #full-post .thumbnail img {
    	height:120px;
    }
    #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;}

    .double-app .cate_card.list-tab {
    	margin-left: 0;
    	overflow-x:scroll;
    }

    .double-app .cate_card .tab li {
    	padding: .2em;
    }

    .left-app,.left-app-1,.left-app-2,.left-app-3,.left-app-4,.left-app-5,.left-app-6 {width: 100%;}
    .left-app .item{width:100%;padding:20px 5px;}
    .left-app .item:nth-child(1),.left-app .item:nth-child(2){margin-top:2%;}
    .left-app .item:last-child{border:none;}
    .left-app-1 .list{
    	width: 100%;
    }
    .left-app-2 .item {
    	width: 23%;
    	margin-right: 2%;
    }
    .left-app-2 .item:nth-child(n){margin-top:0%; padding: .5em 0;}
    .left-app-4 .game-item {
    	width: 31.993333%;
    }
    .left-app-4 .game-item:nth-child(3n) {
    	margin-right: 0;
    }
    .left-app-5 .hot-left {
    	width: 100%;
    }

    .hot-left .item:first-child {
    	margin-right: 0;
    	width: 100%;
    }
    .hot-left .item:nth-child(2) {
    	width: calc(50% - 7.5px);
    	margin-right: 7.5px;
    }
    .hot-left .item:nth-child(3) {
    	width: calc(50% - 7.5px);
    	margin-left: 7.5px;
    	margin-right: 0;
    }
    .left-app-5 .hot-right {
    	width: 100%;
    }
    .hot-right .item:first-child {
        margin-top: 15px;
    }

    .left-app-6 .item {
        width: 49%;
    }
    .left-app-6 .item:nth-child(2n){
    	margin-right: 0;

    }
    .left-app-6 .item .cover-box {
    	height: 120px;
    }
    .left-app-6 .item .cover-box .item-info .status {
    	opacity: 0;
    	top: 85px;
    }
    .left-app-6 .item .cover-box .go {
    	top: 85px;
    	width: 70px;
    	opacity: 1;
    }

    .cate-app .cate-list .item{width:100%;padding:20px 5px;}
    /*.cate-app .cate-list .item:nth-child(2),.cate-app .item:nth-child(3){margin-top:2%;}*/
    .cate-app .cate-list .item:last-child{border:none;}
    .cate-app .swiper-cate-list .item{width:33.333333%;padding:20px 5px;}
    .cate-app .swiper-cate-list.swiper-container {
    	top:0;
    	margin-bottom: 0 !important;
    }
    #full-post.cate-spec .item {
    	width: 49%;
    }
    #full-post.cate-spec .item:nth-child(2n) {
    	margin-right: 0;
    }
    .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;}
    .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:30px;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:28px;left:95px; text-align: left;}
    .app-main figure .num{width:50%;position:absolute;top:48px;left:95px; text-align: left;}
    .app-main .main{width:100%;position:relative;}
    .app-main .main h1{position:absolute;top: -76px;left: 95px;max-width:46%;font-size:18px;}
    .app-main .main li:nth-child(2n+1){width:40%;}
    .app-main .main li{width:58%;}

    .related-art li{width:100%;}
    .related-item{width:100%;margin-right:2%}
    #cate #top_recommend,#top_recommend {
        padding: 1em;
    }
    #cate #top_recommend li,#top_recommend li{width:23.6%;margin-right: 1.8%;border:none;}
    #cate #top_recommend li:nth-child(4n),#top_recommend li:nth-child(4n){margin-right:0;}
    #cate #top_recommend li:nth-child(5),#top_recommend li:nth-child(5){margin-right: 1.8%;}
    #cate #top_recommend .tips,#top_recommend .tips{font-size:12px;}
    #cate #top_recommend::after,#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;}
    .related-item .item:nth-child(4n+0){margin-right:0}
    .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%;height:24vw}
    .article-list .content{margin-left:38%;padding-top:5px}
    .article-list{padding:3vw}
    .article-list .content .title{font-size:16px;white-space:unset;line-height:1.6}
    .article-list .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:16px;}
    .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}
    .card-body {
        padding: 1em;
    }
}

@media screen and (max-width:768px){
    .br-t-l{-moz-border-top-left-radius:0px;-webkit-border-top-left-radius:0px;border-top-left-radius:0px;}
    .br-t-r{-moz-border-top-right-radius:0px;-webkit-border-top-right-radius:0px;border-top-right-radius:0px;}
    .br-b-l{-moz-border-bottom-left-radius:0px;-webkit-border-bottom-left-radius:0px;border-bottom-left-radius:0px;}
    .br-b-r{-moz-border-bottom-right-radius:0px;-webkit-border-bottom-right-radius:0px;border-bottom-right-radius:0px;}

    .header {
        height: 60px !important;
    }
    .header-bar {
        background: #FFF;
        height: 60px;
    }
    .header-bar canvas {
        display: none;
    }
    .nav-ul>li>a {
        color: #333;
    }
    .index-breadcrumb {
        padding-top: 1em;
    }
    #top_recommend .swiper-container {
        max-height: 240px;
    }
    /*专题页面*/
    .spec-img {
        display: block;
        width: 100%;
        margin-right: 0;
    }
    .spec-img img {    
        width: 100%;
    }
    .spec-info {
        display: block;
        width: 100%;
        margin-top: 1.5em;
    } 
    .spec .topic-main .head-info{width:100%;}


}
/*=============补充================*/
/*移动端弹性布局*/
@media screen and (max-width: 1200px) { 
     #content {
        display: flex;
        flex-direction: column;
     }
     .apk {
        order: 1;
     }
     #index-middle {
        order: 2;
     }
     .left-2{
        order: 3;
     }
     .left-3{
        order: 4;
     }
     #sidebar {
        order: 5;
     }
}
/*icon*/
.icon {
	width: 1.3em;
    height: 1.3em;
    vertical-align: -0.25em;
    fill: currentColor;
    overflow: hidden;
}
.big-icon{
	width: 4em;
    height: 1.3em;
    vertical-align: -0.30em;
    fill: currentColor;
    overflow: hidden;
}
/* 星星 */
.level {
    background: url(../images/star1.png) no-repeat left -14px;
    background-size: 73px 28px;
    width: 73px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    position: relative;
    text-align: left;
    min-width: 73px !important;
}
.level span.l1, .level span.l2, .level span.l3, .level span.l4, .level span.l5 {
    background: url(../images/star1.png) no-repeat left -1px;
    background-size: 73px 28px;
    height: 12px;
    width: 73px;
    position: absolute;
    display: block;
}
.level span.l1 {
    width: 20% !important;
}
.level span.l2 {
    width: 40% !important;
}
.level span.l3 {
    width: 60% !important;
}
.level span.l4 {
    width: 80% !important;
}
.level span.l5 {
    width: 100% !important;
}

/*page*/

.page-ul {
    padding:15px;
}
.page-ul li {
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.page-ul li a{
    display: block;
}
.page-ul li:hover, .page-ul li.active{
    background: #21b47c;
}
.page-ul li:hover a,.page-ul li.active a {
    color: #fff;
}
.pagebody {
    padding: 30px 50px 50px;
}
.type-title{
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0 10px;
}
.typelist {
    background: #f2f5f9;
    padding: 15px;
}
.typelist a {
  display: inline-block;
  position: relative;
  width: 10%;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  margin: 10px auto;
}

.typelist a::after {
  content: ".";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 0;
  width: 1px;
  height: 12px;
  font-size: 0;
  background: #dcdee0;
}

.typelist a:nth-child(9n):after {
  display: none;
}
.link {
    margin-bottom:50px ;
}
.link ul {
    width: 100%;
}
.link ul li {
    display: inline-block;
    width: calc(20% - 19px);
    margin-top: 15px;
    margin-right: 15px;
    text-align: center;
    background: #f2f5f9;
    border-radius: 5px;
}
.link ul li a {
    display: block;
    padding: 10px;
}
/*rank*/
.page .card-body{
    position: relative;
    background: linear-gradient(to top,#a5cbbc 0,#64d7a4 50%);
    overflow: hidden;
}
.yuan {
    position: absolute;
    top:-20px;
    left: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: linear-gradient(-135deg, rgba(255,255,255,.6), rgba(255,255,255,0));
}
.page .pagebody {
    padding: 0 0 2em;
}
.ranknav .nav_list {
    padding: 0;
    width: 100%;
}
.ranknav .nav_list li a{
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    margin-right: 30px;
    width: calc(16.666666% - 20px);
}
.ranknav .nav_list li:last-child a{
    margin-right: 0;
}
.ranknav .nav_list li a {
  
}
.pagebody .item{width:100%;padding:12px 0 11.5px 0;}
.pagebody .thumbnail{height:auto;}
.pagebody .img{width: 100px;height: 100px;margin:0 auto;border-radius:10px}
.pagebody.wrap{padding-top:0}
.pagebody .title{font-size:16px;}
.pagebody .title-wrap{margin-left: 120px;}
.pagebody .intro{margin-top:5px;max-height:64px;overflow:hidden;color:#ffaf0f;}
.pagebody .table_card .tab li{
    width: 20%;
}
.pagebody .app-list {
    padding:1.5em;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-color: var(--border-light);
}
.pagebody .app-list .num {
    position: absolute;
    top: -4px;
    width: 48px;
    height: 48px;
    font-size: 26px;
    color: rgba(185,192,200,1);
    font-weight: bold;
    font-style: italic;
}
.pagebody .app-list .num.digit{
    top:35px;
    padding-left: 10px;
}
.pagebody .app-list .figure {
    margin-left: 80px;
}
.pagebody .app-list .content {
    width: 60%;
}
.pagebody .app-list .figure,.pagebody .app-list .figure img{
    width: 90px;
    height: 90px;
}
.pagebody .app-list:hover {
    background: rgba(255,244,229, 1);
}
.pagebody .table_card .data {
    margin-top: 10px;
}
.pagebody .table_card .tabCon {
    padding: 0 0 1.5em;
}
.pagebody .table_card .iconfont {
    position: relative;
    color: inherit;
    font-size: inherit;
    width: auto;
    height: auto;
    display: inline-block;
    float: inherit;
    background-position:inherit;
    margin-top: 0;
    margin-right: 0;
    background: none;
    background-size: inherit;
    isplay: inline-block;
}
.pagebody .table_card .icon-time:before {
    content: "\e606";
}
.pagebody .table_card .icon-cate:before {
    content: "\e600";
}
.page .card-body h1{
    color:#fff;
}
.page .card-body .rank-icon {
    position: absolute;
    right: 30px;
    bottom: -15px;
}
.page .card-body .rank-icon svg {
    width: 120px;
    height: 120px;
}
/*翻译*/
body.lang-en {
    /* 英文特定样式 */
    font-family: Arial, sans-serif;
}

body.lang-ja {
    /* 日文特定样式 */
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
}

body.lang-ko {
    /* 韩文特定样式 */
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

body.lang-fr, 
body.lang-es, 
body.lang-de {
    /* 欧洲语言样式 */
    font-family: Arial, Helvetica, sans-serif;
}
body.lang-en .nav-ul>li>a,body.lang-ja .nav-ul>li>a,body.lang-ko .nav-ul>li>a,body.lang-fr .nav-ul>li>a,body.lang-es .nav-ul>li>a,body.lang-de .nav-ul>li>a{
    max-width: 120px;
}
body.lang-en .nav_list li a,body.lang-ja .nav_list li a,body.lang-ko .nav_list li a,body.lang-fr .nav_list li a,body.lang-es .nav_list li a,body.lang-de .nav_list li a{
    width: auto;
    padding: 0 10px;
}
body.lang-en .c-title,body.lang-ja .c-title,body.lang-ko .c-title,body.lang-fr .c-title,body.lang-es .c-title,body.lang-de .c-title{
    font-size: 14px;
}
body.lang-en .table_card .tab,body.lang-ja .table_card .tab,body.lang-ko .table_card .tab,body.lang-fr .table_card .tab,body.lang-es .table_card .tab,body.lang-de .table_card .tab{
    font-size: 14px;
}
.language-switcher {
    background: #f5f5f5;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.language-dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    background: #007bff;
    color: white;
    padding: 10px 40px 10px 15px; /* 右侧留出箭头空间 */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    min-width: 130px;
    text-align: left;
    position: relative;
    line-height: 1.4;
}

.dropdown-toggle::after {
    content: '▼';
    font-size: 10px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    pointer-events: none; /* 防止箭头干扰点击 */
}

.dropdown-toggle-content {
    display: inline-block;
    vertical-align: middle;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    min-width: 130px;
    z-index: 1000;
    display: none;
    margin-top: 5px;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
    font-size: 14px;
    line-height: 1.4;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background: #f8f9fa;
}

.dropdown-item.active {
    background: #007bff;
    color: white;
}

.loading {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    background: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1000;
}

.section {
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
}

/* 下拉菜单动画 */
.dropdown-menu {
    animation: slideDown 0.2s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/*附加*/
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .header-bar {
    z-index: 3;
  }
  .header.header-fixed.sb .logo-area {
    padding-top: 0px;
    width: 37px;
  }
  .header.header-fixed .logo-area {
    padding-top:0;
  }
  .header.header-fixed #search-area {
    bottom:-60px;
  }
  #index-content .page {
    width: 100%;
  }
  .right-img {
    width: calc(50% - 7.5px);
  }
  .hot-right .item,.right-img img,.hot-left .item img {
      border-radius: 0px;
  }
  #full-post .item,#full-post .thumbnail img,#full-post .mask {
      border-radius: 0px;
  }
  .typelist a {
    width: 30.333333%;
  }
  .typelist a:nth-child(3n):after {
  display: none;
  }
  .typelist a:nth-child(9n):after {
  display: block;
  }
  .link ul li {
    display: inline-block;
    width: calc(50% - 19px);
    margin-top: 15px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    background: #f2f5f9;
    border-radius: 0;
   }
   .pagebody .table_card .tab li{
    font-size: 12px;
   }
   #content #full-post .thumbnail img {
    height:110px;
   }
   .page-ul {
    padding: 0;
   }
   .page-ul li {
    float: left;
    margin-top: 0;
    width: 20%;
   }
   .article .container>._left .a-content>._left {
    padding-left: 15px;
    padding-right: 15px;
   }
   .thdown_poster_a, .thdown_footer_scroll a.thdown_poster_a {
    border-radius: 0px !important;
   } 
   body.lang-en .page-ul li,body.lang-ja .page-ul li,body.lang-ko .page-ul li,body.lang-fr .page-ul li,body.lang-es .page-ul li,body.lang-de .page-ul li{
    width: 33.333333%;
    font-size: 12px;
    font-weight: bold;
   }
   .pagebody {
       padding: 1em;
   }
   .singlepage:before{
        border-radius: 0px;
   }
   .singlepage:after{
        border-radius: 0px;
   }
   .singlepage .page-ul li {
       width: 25%;
   }
   .pagebody .app-list {
       padding:1em;
   }
   .pagebody .app-list .content {
       width:100%;
   }
}