* {margin:0;padding:0}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font:14px "Microsoft YaHei",Arial,Helvetica,sans-serif;color:#555;background:#f1f2f9;line-height:1.5}
body{background:var(--theme-body-bg-color);padding-bottom:env(safe-area-inset-bottom);word-wrap:break-word;color:var(--theme-black-color);--scrollbar-width:0px;transition:all .3s ease-out 0s,padding-right 0s}@media (max-width:991px){body{transition:all .3s ease-out 0s,padding-right 0s}}@media (max-width:767px){body{background:var(--theme-el-bg-color)!important}}
div,form,h2,h3,img,input,p,span,ul {margin:0;padding:0;outline:0}
h2,h3 {font-weight:400}
em,i {font-style:normal}
img {border:0;display:block}
li,ul {list-style:none}
a {color:#555;text-decoration:none;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
button {transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
a:focus,button:focus {outline:0}
a:hover {text-decoration:none;color:#2AAE67}
.f_l {float:left}
.f_r {float:right}
.mr10 {margin-right:10px}
.l_box .sidebar,.r_box li,.slider,.jzjianshu-sige{overflow:hidden;background:#fff;margin-bottom:15px;border-radius:4px;-webkit-box-shadow:0 0 2px 0 rgb(98 124 153 / 10%);-moz-box-shadow:0 0 2px 0 rgba(98,124,153,.1);box-shadow:0 0 2px 0 rgb(98 124 153 / 10%)}
.article {width:1200px;margin:85px auto 0;overflow:hidden;zoom:1}
.aside {width:325px;float:right;display:block;position:relative;z-index:1;margin-left:-325px}
@media screen and (max-width:768px){.aside{display:none}}
.r_box {float:left;width:100%;min-height:99vh}
.r_box .isTop {padding:2px 6px;border:0 solid currentColor;font-size:14px;vertical-align:1px;margin-right:5px;display:inline-block;background:#2AAE67;color:#fff;border-radius:2px}
.main {margin-right:345px}
nav {width:1200px;margin:auto;position:relative;height:70px;line-height:70px;text-align:center;z-index:-1}
.logo {float:left;font-size:22px}
.logo img {height:38px;margin-top:15px}
.slider {overflow:hidden;margin:0 auto;max-width:1200px;height:350px !important;margin-bottom:15px;border-radius:4px;-webkit-box-shadow:0 0 2px 0 rgb(98 124 153 / 10%);-moz-box-shadow:0 0 2px 0 rgba(98,124,153,.1);box-shadow:0 0 2px 0 rgb(98 124 153 / 10%);background-color:#000}
.slider .slideBox li {padding:0;border:0}
.slider .slideBox {position:relative;margin-bottom:20px;width:100%;height:350px}
.slider .slideBox .bd {position:relative;z-index:0;height:350px !important}
.slideBox .bd ul li {width:100%}
.slider .slideBox .bd ul {width:100%}
.slideBox .bd ul li {margin:0;background-color:transparent}
.slider .slideBox .bd img {width:100%;height:350px;-o-object-fit:cover;object-fit:cover}
.slideBox .next,.slideBox .prev {position:absolute;top:40%;z-index:10;width:50px;height:50px;line-height:50px;font-size:25px;margin:5px;color:#fff;cursor:pointer;text-align:center;background:rgba(0,0,0,.3);border-radius:50%}
.slideBox .prev {left:-58px}
.slideBox .next {right:-58px}
.slider:hover .slideBox .next {right:0}
.slider:hover .slideBox .prev {left:0}
.slideBox .list-body {position:relative;z-index:1;left:0;bottom:60px;padding:0 20px;height:60px;line-height:60px;display:block;width:100%;background:rgba(0,0,0,.2);background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4));background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));color:#fff;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.r_box .slideBox li:hover img {transform:none}
.slideBox .hd {max-width:200px;position:absolute;right:20px;bottom:26px;font-size:0;text-align:right;z-index:11}
.slideBox .hd li {position:relative;top:0;display:inline-block;width:8px;height:8px;margin:0 4px;cursor:pointer;border-radius:50%;background:#fff;opacity:.65;-webkit-transition:all .3s cubic-bezier(1,.01,.32,1);-moz-transition:all .3s cubic-bezier(1,.01,.32,1);-o-transition:all .3s cubic-bezier(1,.01,.32,1);-ms-transition:all .3s cubic-bezier(1,.01,.32,1);transition:all .3s cubic-bezier(1,.01,.32,1)}
.slideBox .hd li.on { width: 12px; height: 12px;top: 2px;  background: #fc7247;opacity: 1;box-shadow: rgb(0 0 0 / 10%) 1px 1px 0}
@media screen and (max-width:980px) {.slider {margin-top:0}
.slideBox .prev {left:0}
.slideBox .next {right:0}
.slider,.slider .slideBox,.slider .slideBox .bd,.slider .slideBox .bd img {height:45vw !important}
}
@media screen and (max-width:480px) {.slideBox .next,.slideBox .prev {top:30%;width:40px;height:40px;line-height:40px;font-size:20px}
.slideBox .list-body {bottom:40px;padding:0 10px;height:40px;line-height:40px}
.slideBox .hd {right:10px;bottom:15px}
.slider .slideBox {margin-bottom:5px;border:0;border-bottom:1px solid #eee;background:#fff}
}
#starlist {float:left;margin-left:5px}
#starlist li {float:left;display:block;margin:0 0 0 10px;padding:0 5px;font-size:18px;position:relative;-webkit-transition:background-color .15s linear,color .15s linear;-moz-transition:background-color .15s linear,color .15s linear;-o-transition:background-color .15s linear,color .15s linear;-ms-transition:background-color .15s linear,color .15s linear;transition:background-color .15s linear,color .15s linear}
#starlist li i,.sidebar li i {margin-right:4px}
#starlist li:before {width:0;height:3px;position:absolute;bottom:0;left:50%;background-color:#2AAE67;content:'';transition:all .6s;z-index:-1}
#starlist li.selected:before,#starlist li:hover:before {width:100%;left:0}
#starlist li:hover a,#starlist li:hover i.icon-arrow-down {color:#2AAE67}
#starlist ul.sub-nav {opacity:0;list-style:none;padding:5px;margin-left:-10px;margin-top:-10px;min-width:110px;top:0;border-radius:3px;background:#fff;position:absolute;z-index:888;top:100%;visibility:hidden;-webkit-box-shadow:0 0 40px rgba(0,0,0,.2);-khtml-box-shadow:0 0 40px rgba(0,0,0,.2);-moz-box-shadow:0 0 40px rgba(0,0,0,.2);-ms-box-shadow:0 0 40px rgba(0,0,0,.2);-o-box-shadow:0 0 40px rgba(0,0,0,.2);box-shadow:0 0 40px rgba(0,0,0,.2)}
#starlist ul.sub-nav li a {width:100%;text-align:center;height:35px;line-height:35px;font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;position:relative}
#starlist ul.sub-nav:before {border:8px solid transparent;border-bottom-color:#fff;content:"";left:0;margin-left:15px;position:absolute;top:-16px;width:16px;height:16px}
#starlist ul.sub-nav li a:hover {background:rgba(74,186,126,.1)}
#starlist ul.sub-nav li a {border-radius:4px;padding:0 5px}
#starlist ul.sub-nav li {width:100%;height:35px;line-height:35px;display:block;padding:0;margin:0}
#starlist ul.sub-nav li:before {background-color:transparent}
#starlist li .icon-arrow-down:before {display:inline-block;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#starlist li:hover .icon-arrow-down:before {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#starlist.active li .icon-arrow-down:before {display:inline}
#starlist li.on ul.sub-nav {display:block;opacity:1;top:auto;visibility:visible;margin-top:-4px}
#starlist.active li:hover ul.sub-nav {display:none}
#starlist.active ul.sub-nav {max-width:100%;overflow:hidden;opacity:1;display:none}
#starlist.active ul.sub-nav li {height:40px;line-height:40px}
#starlist.active ul.sub-nav li a {width:auto;text-align:left;margin-left:40px;padding:10px 0;font-size:14px}
#starlist.active ul.sub-nav li a:hover {background-color:transparent}
#starlist.active li {position:relative}
#starlist.active ul.sub-nav {-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
#starlist.active li em.dot {position:absolute;top:1px;right:0;width:40px;height:50px;text-align:center;border-left:1px solid rgba(255,255,255,0);cursor:pointer;line-height:50px}
#starlist.active ul.sub-nav {position:static}
.icon-yejian-h:before {color:#ff6000}
#starlist li ul li.selected a,#starlist li.selected .icon-arrow-down:before,#starlist li.selected a,#starlist li:hover ul a:hover {color:#2AAE67}
#starlist li.selected ul a,#starlist li:hover ul a {color:#555}
.header-navigation {position:fixed;top:0;width:100%;height:70px;line-height:70px;text-align:center;background:rgba(255,255,255,1);z-index:998;-ms-box-shadow:0 15px 40px 0 rgba(17,58,93,.03);-webkit-box-shadow:0 15px 40px 0 rgba(17,58,93,.03);box-shadow:0 15px 40px 0 rgba(17,58,93,.03);-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
footer {width:100%;text-align:center;clear:both;background:rgba(34,40,49,.9);word-break:normal}
footer p {width:1100px;margin:auto;position:relative;text-align:center;padding:20px 25px;color:#9ca0ad;font-size:12px}
footer a {color:#a5a4a4}
#go-to-top {width:40px;height:40px;text-align:center;line-height:40px;border-radius:3px;cursor:pointer;opacity:.8;position:fixed;right:30px;bottom:30px;background:rgba(10,10,10,.2);overflow:hidden;display:none;z-index:999}
#go-to-top:hover {background:#2AAE67;opacity:1}
#go-to-top:before {font-family:icomoon;font-size:20px;color:#fff;content:'\e93a'}
#go-to-top.active {display:block}
.searchbox {position:absolute;right:0}
#mnavh span,.searchbox span {width:20px;height:70px;position:absolute;font-size:19px;top:0;padding:0;margin:0;line-height:70px;cursor:pointer;z-index:99}
#mnavh span {display:none;left:0;text-align:center}
.searchbox span {display:block;right:0}
.b-nav-search_wrap {-moz-transition:max-height,.5s;-o-transition:max-height,.5s;-webkit-transition:max-height,.5s;transition:max-height,.5s;position:absolute;top:72px;left:0;width:100%;max-height:0;overflow:hidden;background-color:rgba(34,40,49,.79);z-index:100;-webkit-box-shadow:0 0 10px -2px rgba(158,158,158,.2);box-shadow:0 0 10px -2px rgba(158,158,158,.2);border-radius:2px}
.b-nav-search_wrap button,.b-nav-search_wrap input {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:50px}
.b-nav-search_wrap input[type=search] {width:100%;padding:0 5px 0 22px;background-color:transparent;border:none;color:#fff;-webkit-appearance:none}
.b-nav-search_wrap input[type=search]::-webkit-input-placeholder {color:#bdcada}
.b-nav-search_wrap input[type=search]:-moz-placeholder {color:#bdcada}
.b-nav-search_wrap input[type=search]::-moz-placeholder {color:#bdcada}
.b-nav-search_wrap input[type=search]:-ms-input-placeholder {color:#bdcada}
.b-nav-search_wrap button {position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-size:15px;font-weight:400;text-transform:uppercase;color:#fff;background:#2AAE67;border:none;border-radius:0;cursor:pointer;font-size:18px}
.b-nav-search_wrap.active {max-height:60px}
.slideUp .b-nav-search_wrap.active {max-height:0}
.sidebar {padding:16px 20px 20px;margin-bottom:20px}
.sidebar img {max-width:100%}
.sidebar .side-title {height:32px;font-size:18px;color:#2AAE67;text-align:left!important;margin-bottom:13px}
.sidebar .side-title h3 {position:relative;display:inline-block;font-size:18px}
.l_box .sidebar {background:rgba(255,255,255,.9);overflow:hidden;border-radius:2px;-webkit-box-shadow:0 0 10px -2px rgba(158,158,158,.2);box-shadow:0 0 10px -2px rgba(158,158,158,.2)}
#sidebar-mobile-user {text-align:center}
#sidebar-mobile-user .content {position:relative}
#sidebar-mobile-user {padding:0;font-family:Barlow,Arial,'Microsoft YaHei',SimHei}
#sidebar-mobile-user .about-bg {height:145px}
#sidebar-mobile-user .avatar img {display:block;position:absolute;bottom:-80px;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;width:90px;height:90px}
#sidebar-mobile-user .text p {font-size:14px;margin:0 8px;empty-cells:hide;color:#7a7a7a}
#sidebar-mobile-user .card-info-data {display:table;padding:15px 5px 0;width:100%;table-layout:fixed;font-size:14px}
#sidebar-mobile-user .card-info-data {margin-bottom:30px}
#sidebar-mobile-user .card-info-data-item {display:table-cell}
#sidebar-mobile-user .card-info-data-item .length_num {color:#000;font-size:18px;font-weight:700}
#side-hot-view-item ul {counter-reset:section}
.sidebar li.topthub {line-height:normal;position:relative;margin-bottom:10px;display:block;overflow:hidden;max-height:160px;border-radius:3px}
.sidebar li.topthub img {-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;border-radius:3px}
.sidebar li.topthub img:hover {border-radius:3px}
#side-tui-article-item li.topthub+li.topthub {margin-top:15px}
#side-tui-article-item li.topthub {max-height:none;border-radius:0}
#side-tui-article-item li.topthub a.img {line-height:normal;position:relative;margin-bottom:10px;display:block;overflow:hidden;max-height:170px;border-radius:3px}
#side-tui-article-item li.topthub a.img img {width:100%;height:170px;-o-object-fit:cover;object-fit:cover}
#side-tui-article-item li.topthub p {margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#side-hot-view-item li.widlist {overflow:hidden;margin-bottom:10px}
#side-hot-view-item li.widlist i {width:80px;display:block;height:62px;overflow:hidden;float:left;border-radius:3px;margin:2px 10px 0 0}
#side-hot-view-item li.widlist i img {width:100%;height:62px;-o-object-fit:cover;object-fit:cover}
#side-hot-view-item li.widlist h3 {font-size:14px;overflow:hidden;text-overflow:ellipsis;height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}
#side-hot-view-item li.widlist .sidefoot {padding-top:3px;color:#999}
#side-new-comment-item li {line-height:40px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#side-new-comment-item li:last-child {border-bottom:none}
#side-new-comment-item .avatar {float:left;width:30px;height:30px;border-radius:20px;margin:6px 8px 0 0}
.sidebar[id^=side-adimg] {padding:0}
.sidebar .side-title::before {font-family:icomoon;margin-right:4px;text-align:center;content:'\e90e'}
.sidebar#side-new-comment-item .side-title::before {content:'\e916'}
.sidebar#divTags .side-title::before {content:'\e922'}
.sidebar#side-hot-view-item .side-title::before {content:'\e911'}
.sidebar#side-tui-article-item .side-title::before {content:'\e92f'}
.vplay {width:44px;height:44px;line-height:45px;position:absolute;top:50%;left:50%;margin:-22px 0 0 -22px;background-color:rgba(21,21,22,.5);color:#fff;font-size:18px;border-radius:100px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.r_box li:hover .vplay {opacity:0}
.r_box .xbiaoq {padding:1px 5px;font-size:14px;vertical-align:1px;margin-right:5px;display:inline-block;background:#fc7247;color:#fff;border-radius:2px;line-height:1.3;font-weight:400}
.jzjianshu-gonggao {position:relative;height:50px;margin-bottom:20px;padding:0 65px 0 50px;border-bottom:1px solid #f0f0f0;overflow:hidden}
.jzjianshu-gonggao:before {font-family:icomoon;margin-right:4px;text-align:center;position:absolute;left:25px;top:10px;content:'\e913';font-size:20px;color:#999}
.jzjianshu-gonggao .gonggao li {height:50px;line-height:50px;padding:0;margin:0;border:0}
.noticeRigh {position:absolute;right:25px;top:13px;z-index:10;text-align:center}
.noticeRigh a {display:block;float:left;margin-left:4px;width:21px;height:21px;line-height:21px;color:#ccc;border:1px solid #eee}
.noticeRigh a:hover {color:#fc7247;border:1px solid #fc7247}
.jzjianshu-sige {padding-top:5px}
.jzjianshu-sige ul.sige {padding:5px 15px 0 15px;overflow:hidden}
.r_box .jzjianshu-sige h2 {font-size:16px;height:25px;max-height:25px;font-weight:400}
.r_box .jzjianshu-sige li p {margin:5px 0 5px 0}
.r_box .jzjianshu-sige ul.sige li {width:50%;float:left;padding:0 10px;overflow:hidden;margin-bottom:15px;border:0}
.r_box .jzjianshu-sige li i {margin:0 10px 10px 0;width:160px;height:110px;float:left !important}
.r_box .jzjianshu-sige li i img {height:110px}
.sitemap {margin-bottom:16px;font-size:14px;color:#888;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sitemap a {font-size:14px;color:#888}
.sitemap i {margin-right:6px}
.r_box li {background:rgba(255,255,255,.9);overflow:hidden;color:#797b7c;margin-bottom:20px;padding:20px;border-radius:2px;position:relative}
.r_box li{margin-bottom:10px}
.r_box li h2 {font-size:18px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;max-height:25px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative}
.r_box li h2 a {color:#222}
.r_box li h2 a:hover {color:#2AAE67}
.r_box li img {float:right;clear:right;width:100%;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.r_box li .imgrow li a img:hover, .r_box li i img:hover {opacity: .85}
.r_box li .listtopimg img {float:none;clear:none;width:100%;height:240px;border-radius:3px;-o-object-fit:cover;object-fit:cover}
.r_box li .listtopimg {width:100%;display:block;height:240px;overflow:hidden;margin:10px 0;position:relative}
.r_box li i {width:192px;display:block;max-height:150px;overflow:hidden;float:left;margin:0 20px 0 0;font-size:14px;border-radius:3px;position:relative}
.r_box li i img {width:100%;max-height:150px;-o-object-fit:cover;object-fit:cover}
.r_box li p {margin:10px 0 18px 0;line-height:22px;overflow:hidden;text-overflow:ellipsis;height:66px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}
.r_box li p.listbot {margin-bottom:0;max-height:44px;height:auto}
.r_box li .imgrow {margin:10px -5px;overflow:hidden}
.r_box li .imgrow li {list-style-type:none;background-color:transparent;float:left;min-height:1px;padding:0 5px;width:33.328%;position:relative;box-shadow:none;-webkit-box-shadow:none;margin:0}
.r_box li .imgrow li a {width:100%;height:0;padding-bottom:65%;text-align:center;overflow:hidden;position:relative;display:block;border-radius:3px}
.r_box li .imgrow li a img {min-width:100%;min-height:100%;position:absolute;top:0;left:0;object-fit:cover;border-radius:3px}
.list-cate {height:32px;width:100%;padding:0 12px;line-height:32px;position:absolute;bottom:0;left:0;background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.3));background:linear-gradient(top,hsla(0,0%,100%,0),rgba(0,0,0,.2));color:#fff;font-size:12px;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}
a.list-cate {color:#fff}
.r_box li:hover .list-cate {opacity:1}
.r_box .postfoot {margin:10px 0 0 0;display:block;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r_box .postfoot a {color:#999}
.r_box .postfoot [class^=icon-] {font-size:13px}
.r_box .postfoot div {display:block}
.r_box .postfoot .author img {width:22px;height:22px;border-radius:50%;margin-right:8px;float:left}
#divTags li a {font-size:13px;display:block;background:#999;float:left;padding:3px 8px;margin:4px;border-radius:3px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;color:#fff}
#divTags ul li:nth-child(5n) a {background:#ff5831}
#divTags ul li:nth-child(5n+1) a {background:#a0dc28}
#divTags ul li:nth-child(5n+2) a {background:#5db7e5}
#divTags ul li:nth-child(5n+3) a {background:#ff7d2e}
#divTags ul li:nth-child(5n+4) a {background:#28dc64}
#divTags li:hover {text-shadow:#ccc 1px 1px 1px}
img.avatar {float:left;width:48px;height:48px;margin:0 15px 0 0}
@media screen and (max-width:1149.9px) {header {width:96%;margin:auto}
.article {width:96%;width:calc(96% + 16px)}
footer p,nav {width:96%}
}
@media only screen and (max-width:768.1px) {.header-navigation,nav {height:60px;line-height:60px}
.logo img {margin-top:10px}
#mnavh span,.searchbox span {height:60px;line-height:60px}
.b-nav-search_wrap {top:62px}
.r_box li h2 {margin-bottom:5px}
.r_box li p {margin-top:8px;margin-bottom:8px;line-height:22px;overflow:hidden;text-overflow:ellipsis;height:66px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}
.r_box li i {width:150px;float:right;margin:0 0 0 20px}
.r_box li i img {max-height:130px}
.r_box li .listtopimg {max-height:180px}
.r_box li .listtopimg img {height:180px}
#mnavh span {display:block}
footer,header {padding:0 20px}
.article {width:100%;padding:0 20px 0 20px}
.logo {width:100%}
.logo a {display:inline-block;float:none;margin:0 auto}
footer p,nav {width:100%;position:relative}
#starlist {width:250px;background:rgba(255,255,255,.9);position:fixed;top:0;bottom:0;margin-left:0;left:-250px;overflow-x:hidden;overflow-y:auto;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:999}
#starlist.active {left:0}
#starlist.active li:hover {background-color:transparent}
#starlist ul.sub-nav {background:0 0;visibility:visible;margin-top:0}
#starlist li.on ul.sub-nav {margin-top:0}
#starlist ul.sub-nav li a {line-height:1}
#starlist ul.sub-nav:before {border-bottom-color:transparent}
.fademask.active {width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}
#starlist {padding-top:20px}
#starlist li {display:block;width:100%;padding:0;margin:0;text-align:left}
#starlist li a {display:block;margin:0 25px;letter-spacing:1px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;height:auto;line-height:50px}
#starlist li.selected:before,#starlist li:hover:before {width:0}
#mnavh {display:block}
.l_box {display:none}
.main,.r_box {width:100%}
#go-to-top {right:20px;bottom:20px}
}
@media only screen and (max-width:479px) {nav {padding:0 18px;border-radius:0}
.logo img {max-height:33px;margin-top:12px}
.sitemap {padding:0 18px}
.searchbox span {right:18px}
#mnavh span {left:18px}
footer,header {padding:0}
.article {width:100%;padding:0;margin-top:70px}
.logo {width:100%}
nav {width:100%;position:relative}
.l_box {display:none}
.main,.r_box {width:100%}
.slider {border-radius:0;margin-bottom:10px}
.r_box li i {width:130px;margin:3px 0 0 10px}
.r_box li i img {max-height:90px}
.r_box li .listtopimg {max-height:220px;border-radius:0}
.r_box li .listtopimg img {height:220px}
.r_box li .vplay {width: 30px;height: 30px;line-height: 30px;position: absolute;top: 50%;left: 50%;margin: -15px 0 0 -15px;
    background-color: rgba(21, 21, 22, .5);color: #fff;font-size: 18px;border-radius: 100px;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
.r_box li {margin-bottom:10px;border-radius:0;padding:15px}
.r_box li h2 {font-size:17px;margin-bottom:8px}
.r_box li p {margin-top:8px;margin-bottom:8px}
.r_box .postfoot {clear:none;margin-top:8px}
.r_box .postfoot .f_r {display:inline-block}
footer p {border-radius:0;padding:15px}
}
@media only screen and (max-width:376px) {.r_box li h2 {margin-bottom:5px}
.r_box li p {margin-top:5px;height:22px;-webkit-line-clamp:1}
.r_box li i {margin:0 0 0 15px}
.r_box li i img {max-height:65px}
.r_box li .listtopimg {max-height:111px}
.r_box li .listtopimg img {height:111px}
.r_box li .vplay {width: 24px;height: 24px;line-height: 25px;position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -11px;
    background-color: rgba(21, 21, 22, .5);color: #fff;font-size: 18px;border-radius: 100px;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
}
@media only screen and (max-width:321px) {.r_box .postfoot .f_l .author {display:none}
#go-to-top {right:10px;bottom:10px}
}
.sidebar-mobile-user {display:none!important}
.searchbox.ycomm span {right:52px}
.nav-comment {float:right;position:relative;height:60px}
.nav-comment .nav-avatar {display:inline-block;margin-top:20px}
.nav-comment .nav-avatar img {border-radius:50%;width:32px;height:32px}
@media only screen and (max-width:768.1px) {.searchbox.ycomm span {right:0}
.r_box .jzjianshu-sige ul.sige li {width:100%;padding:0;margin-bottom:10px;}
.nav-comment {display:none}
.mobile-icom {position:absolute;padding:20px 10px 10px;top:0;width:100%;line-height:1}
#starlist li .mobile-icom a {display:inline-block;margin:0;line-height:1;color:#fff}
#starlist li.sidebar-mobile-user:hover .mobile-icom a {color:#fff}
#starlist li .mobile-icom i {margin:0}
.sidebar-mobile-user {display:block!important;margin:10px 0 20px 0!important;text-align:center!important}
.sidebar-mobile-user .avatar {float:none;width:55px;height:55px;border-radius:50%;margin:0;display:inline}
.sidebar-mobile-user #sidebar-mobile-user .avatar img {width:62px;height:62px;bottom:-30px}
.sidebar-mobile-user #sidebar-mobile-user a.avatar {text-align:center;border-radius:4px 4px 0 0;background-color:#fff;position:absolute;width:230px;height:35px;left:0;bottom:0;margin:0 10px}
.sidebar-mobile-user #sidebar-mobile-user .text p {padding:16px 0;margin:0 10px;background-color:#fff}
.sidebar-mobile-user #sidebar-mobile-user .text p a {line-height:1}
.sidebar-mobile-user #sidebar-mobile-user .card-info-data {margin:0 10px 10px;background-color:#fff;width:230px;padding:10px 5px 20px;border-radius:0 0 4px 4px}
.sidebar-mobile-user #sidebar-mobile-user .card-info-data a {margin:0!important}
.sidebar-mobile-user #sidebar-mobile-user .headline,.sidebar-mobile-user #sidebar-mobile-user .length_num {line-height:1.5}
.sidebar-mobile-user p {line-height:1;font-size:18px;font-weight:700}
.sidebar-mobile-user p span {display:inline-block;color:#dc3545;font-size:12px;padding:6px 10px;border:1px solid #dc3545;border-radius:100px;font-weight:400}
.mobile-us {padding:0 0 10px 0!important}
#starlist li.sidebar-mobile-user:hover a {color:#333}
.mobile-us .sidebar-mobile-user {margin:0!important}
#starlist.mobile-us li.navbar-item {font-size:15px;background:#fff}
.mobile-us li.navbar-item {background:#fff;margin:0 10px!important;width:230px!important}
}
@media only screen and (max-width:479px) {.searchbox.ycomm span {right:18px}
.r_box .jzjianshu-sige li i {width:110px;height:80px}
.r_box .jzjianshu-sige li i img {height:80px}
.r_box .jzjianshu-sige h2 {-webkit-line-clamp:1;margin-bottom:0}
.r_box .jzjianshu-sige li p {display:-webkit-box;margin-top:5px;height:22px;-webkit-line-clamp:1}
.r_box .sige .postfoot .f_r {display: inline-block;}
}