.copyright blockquote:hover a, .post-share a:hover, .r_box li h2 a:hover, .sidebar .side-title:hover, a:hover, .icon-moon-fill:before {color: #ff6000}
.copyright blockquote:hover {background: #ff600019;border-color: #ff6000}
#divSearchPanel form, #starlist li:before, .b-nav-search_wrap button, .pagelist b, #go-to-top:hover {background-color: #e80000}
#divSearchPanel form, blockquote, .sidebar-mobile-user p span {border-color: #e80000}
#side-new-about-item .sidebar-icon a:hover, #side-new-about-itemd .sidebar-icon a:hover, #starlist li ul li.selected a, #starlist li.selected a, #starlist li:hover a, #starlist li:hover i.icon-arrow-down, #starlist li:hover ul a:hover, .jz-comment h3, .jz-comments h3, .news_con a, .related-list h3, .sidebar .side-title, blockquote a, ul.msg.msghead, blockquote:before, .sidebar-mobile-user p span {color: #e80000}
#side-new-about-item .sidebar-icon a:hover, #side-new-about-itemd .sidebar-icon a:hover, #starlist li:hover, #starlist ul.sub-nav li a:hover, blockquote {}
.sitemap, .sitemap a {color: #fff;}
.red {background-color: #F44336 !important}
.red-text {color: #F44336 !important}
.pink {background-color: #e91e63 !important}
.pink-text {color: #e91e63 !important}
.purple {background-color: #9c27b0 !important}
.purple-text {color: #9c27b0 !important}
.blue {background-color: #2196F3 !important}
.blue-text {color: #2196F3 !important}
.light-blue {background-color: #03a9f4 !important}
.light-blue-text {color: #03a9f4 !important}
.green {background-color: #4CAF50 !important}
.green-text {color: #4CAF50 !important}
.yellow {background-color: #ffeb3b !important}
.yellow-text {color: #ffeb3b !important}
.orange {background-color: #ff9800 !important}
.orange-text {color: #ff9800 !important}
.brown {background-color: #795548 !important}
.brown-text {color: #795548 !important}
.grey {background-color: #9e9e9e !important}
.grey-text {color: #9e9e9e !important}
.black {background-color: #000 !important}
.black-text {color: #000 !important}
.white {background-color: #fff !important}
.white-text {color: #fff !important}
.transparent {background-color: rgba(0, 0, 0, 0) !important}
.transparent-text {color: rgba(0, 0, 0, 0) !important}
.hide {display: none !important}
.left-align {text-align: left}
.right-align {text-align: right}
.center, .center-align {text-align: center}
.left {float: left !important}
.right {float: right !important}
.mt {margin-top: 10px;}
.mb {margin-bottom: 10px;}
.ml {margin-left: 10px;}
.mr {margin-right: 10px;}
.mt2 {margin-top: 20px;}
.tc {text-align: center}
input, textarea, button {outline-style: none;}
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}
header { display: block;clear: both}
.diggit, .jz-comment-box input.button {background: #e80000}
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?f9aoc9');
  src: url('fonts/icomoon.eot?f9aoc9#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?f9aoc9') format('truetype'), url('fonts/icomoon.woff?f9aoc9') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1; /* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-red-packet:before {content: "\e7ab";}
.icon-shopping-bag:before {content: "\e7b3";}
.icon-vip-crown:before {content: "\e7b5";}
.icon-vip-crown-line:before {content: "\e7b7";}
.icon-vip-diamond:before {content: "\e7b9";}
.icon-movie:before {content: "\e703";}
.icon-vidicon:before {content: "\e724";}
.icon-download:before {content: "\e749";}
.icon-dvd:before {content: "\e6fc";}
.icon-t-box:before {content: "\e6e1";}
.icon-send-plane:before {content: "\e6b3";}
.icon-facebook:before {content: "\e60b";}
.icon-douyin:before {content: "\e60e";}
.icon-home:before {content: "\e63a";}
.icon-store:before {content: "\e640";}
.icon-chat:before {content: "\e67c";}
.icon-message:before {content: "\e683";}
.icon-article:before {content: "\e688";}
.icon-kuaishou:before {content: "\e692";}
.icon-archive-drawer:before {content: "\e69b";}
.icon-mail-line:before {content: "\e6a8";}
.icon-edit-box:before {content: "\e6d0";}
.icon-image-line:before {content: "\e702";}
.icon-arrow-down:before {content: "\e72b";}
.icon-arrow-right:before {content: "\e736";}
.icon-double-quotes:before {content: "\e739";}
.icon-close:before {content: "\e741";}
.icon-eye:before {content: "\e74d";}
.icon-heart-line:before {content: "\e754";}
.icon-menu:before {content: "\e75e";}
.icon-moon-line:before {content: "\e75f";}
.icon-moon-fill:before {content: "\e760";}
.icon-qr-scan:before {content: "\e761";}
.icon-instagram:before {content: "\e768";}
.icon-search:before {content: "\e769";}
.icon-share-box:before {content: "\e76e";}
.icon-share-circle:before {content: "\e76f";}
.icon-thumb-up-line:before {content: "\e779";}
.icon-thumb-up-fill:before {content: "\e77a";}
.icon-account-circle:before {content: "\e786";}
.icon-account:before {content: "\e787";}
.icon-money:before {content: "\e79f";}
.icon-exchange:before {content: "\e7a0";}
.icon-money-fill:before {content: "\e7a4";}
.icon-tag:before {content: "\e7a9";}
.icon-settings:before {content: "\e870";}
.icon-file-list:before {content: "\e8c2";}
.icon-twitter:before {content: "\e8d1";}
.icon-time:before {content: "\e900";}
.icon-add:before {content: "\e902";}
.icon-alipay:before {content: "\e905";}
.icon-angle-left:before {content: "\e909";}
.icon-angle-right:before {content: "\e90a";}
.icon-angle-up:before {content: "\e90b";}
.icon-bilibili:before {content: "\e917";}
.icon-github:before {content: "\e98c";}
.icon-momo:before {content: "\e99a";}
.icon-pinterest:before {content: "\e9f7";}
.icon-qq:before {content: "\ea02";}
.icon-rss:before {content: "\ea19";}
.icon-weibo:before {content: "\ea71";}
.icon-weixin:before {content: "\ea72";}
.icon-weixinzhifu:before {content: "\ea73";}
.icon-zhihu:before {content: "\ea7b";}
* {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: #FFF8F0;line-height: 1.5;
  background-color: #f3f9ff;
  background-image: url(images/fond-page-centree.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
}
div, h1, h2, h3, h4, h5, p, form, ul, label, input, textarea, img, span, dl, dt, dd {margin: 0px;padding: 0;outline: 0;}
img {border: 0;display: inline-block}
ul, li {list-style: none;}
ol li {margin-left: 20px;list-style: decimal;padding-left: 3px;}
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: #ff6000}
blockquote {background: rgba(68, 142, 246, 0.1);border-left: 4px solid #448EF6;position: relative;width: 100%;padding: 16px;margin-bottom: 15px;font-size: 14px;padding-left: calc(16px + 16px);border-radius: 5px;transition: all 0.28s ease;-moz-transition: all 0.28s ease;-webkit-transition: all 0.28s ease;-o-transition: all 0.28s ease;}
blockquote:before {position: absolute;color: #448ef6;content: '\e739';top: calc(50% - 24px * 0.5);left: 4px;width: 24px;height: 24px;text-align: center;font-weight: 600;line-height: 24px;vertical-align: middle;font-family: 'icomoon';}
blockquote p {margin: 2px 0 !important;}
table {border-collapse: collapse}
table, table th, table td {border: 1px solid #eee}
table th, table td {padding: 6px}
table th {background-color: #f6f7f8}
h3 i {margin-right: 6px;}
.fadebox {opacity: 0;}
@-webkit-keyframes fadeInDown {
  0% {-webkit-transform: translate3d(0, -100%, 0);opacity: 0;transform: translate3d(0, -100%, 0)}
  to {-webkit-transform: translateZ(0);opacity: 1;transform: translateZ(0)}
}
@keyframes fadeInDown {
  0% {-webkit-transform: translate3d(0, -100%, 0);opacity: 0;transform: translate3d(0, -100%, 0)}
  to {-webkit-transform: translateZ(0);opacity: 1;transform: translateZ(0)}
}
.aboxd img {max-width: 100%}
.clear {clear: both;}
.blank {height: 20px;overflow: hidden;width: 100%;margin: auto;clear: both}
.f_l {float: left}
.f_r {float: right}
.r_box li, .pagelist, .l_box .sidebar, .infosbox, .commen_pl, .related-list, .slider, .aboxd {transition: all 0.28s ease;-moz-transition: all 0.28s ease;-webkit-transition: all 0.28s ease;-o-transition: all 0.28s ease;}
.r_box li:hover, .pagelist:hover, .l_box .sidebar:hover, .infosbox:hover, .commen_pl:hover, .related-list:hover, .slider:hover, .aboxd:hover {box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1);}
.article {width: 1260px;margin: 20px auto 0;overflow: hidden;padding: 0 8px;zoom: 1;margin-top: 10px;}
.aside {width: 260px;float: right;display: block;position: relative;z-index: 1;margin-left: -260px;}
.r_box, .ra_box {float: left;width: 100%;}
.main {margin-right: 282px;}
.container {width: 1260px;margin: auto}
nav {width: 1260px;margin: auto;position: relative;height: 60px;line-height: 60px;text-align: center;padding: 0 25px;z-index: -1;}
.logo {float: left;font-size: 22px}
.logo img {max-height: 50px;margin-top: 3px;}
img.nightlogoimg {display: none;}
.slider {overflow: hidden;margin: 0 auto;max-width: 1200px;height: 300px !important;margin-bottom: 20px;-webkit-box-shadow: 0px 0px 10px -2px rgba(158, 158, 158, 0.2);box-shadow: 0px 0px 10px -2px rgba(158, 158, 158, 0.2);border-radius: 2px;border-radius: 8px;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);}
.slider .slideBox li {padding: 0;border: 0;}
.slider .slideBox {position: relative;margin-bottom: 20px;width: 100%;height: 300px}
.slider .slideBox .bd {position: relative;z-index: 0;height: 300px !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: 300px;-o-object-fit: cover;object-fit: cover;}
.slideBox .next, .slideBox .prev {position: absolute;top: 40%;z-index: 10;width: 33px;height: 60px;line-height: 60px;font-size: 30px;margin: 5px;color: #fff;cursor: pointer;text-align: center;}
.slideBox .prev {left: -38px;}
.slideBox .next {right: -38px;}
.slideBox .next:hover, .slideBox .prev:hover {background: #000;opacity: 0.5;}
.slider:hover .slideBox .next {right: 0;}
.slider:hover .slideBox .prev {left: 0;}
.slideBox .list-body {position: relative;z-index: 1;left: 0;bottom: 40px;padding: 0 20px;height: 40px;line-height: 40px;display: block;width: 100%;background: rgba(0, 0, 0, 0.3);color: #fff;font-size: 16px;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.r_box .slideBox li:hover img, .r_box li.atopd:hover img {transform: none}
@media screen and (max-width: 980px) {
  .slider {margin-top: 0;}

  .slideBox .prev {left: 0;}

  .slideBox .next {right: 0;}

  .slider, .slider .slideBox .bd img, .slider .slideBox .bd, .slider .slideBox {height: 40vw !important;}
}
@media screen and (max-width: 480px) {
  .slideBox .next, .slideBox .prev {top: 30%;}

  .slider .slideBox {margin-bottom: 5px;border: 0;border-bottom: 1px solid #eee;background: #fff}
}
#starlist {float: left;margin-left: 20px;}
#starlist li {float: left;display: block;margin: 0 0 0 6px;padding: 0 5px;font-size: 14px;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: 0px;left: 50%;background-color: #00A6EA;content: '';transition: all .6s;z-index: -1;}
#starlist li:hover:before, #starlist li.selected:before {width: 100%;left: 0;}
#starlist li:hover a, #starlist li:hover i.icon-arrow-down {color: #ffffff}
#starlist ul.sub-nav {opacity: 0;list-style: none;padding: 5px;margin-left: 10px;margin-top: -10px;min-width: 100px;border-radius: 3px;background: #fff;position: absolute;-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);}
/* #starlist ul.sub-nav { *//* width: 140%; *//* padding: 10px 0; *//* min-width: 110px; *//* position: absolute; *//* top: 80%; *//* left: 50%; *//* transform: translateX(-50%); *//* right: 0; *//* background: #fff; *//* z-index: 888; *//* visibility: hidden; *//* opacity: 0; *//* -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* -khtml-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); *//* -webkit-transition: all .8s ease; *//* -o-transition: all .8s ease; *//* transition: all .8s ease; *//* } */
#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, #starlist li:hover { color: #444444!important; }
#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 li ul.sub-nav {display: none}
#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, #starlist li:hover ul.sub-nav {display: block;opacity: 1;}
#starlist.active li:hover ul.sub-nav {display: block;opacity: 1}
#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: 0;right: 0;width: 50px;height: 40px;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-moon-fill:before {color: #ff6000;}
#starlist li.selected a, #starlist li:hover ul a:hover, #starlist li ul li.selected a {color: #F5F5F5;}
#starlist li.selected ul a, #starlist li:hover ul a {color: #555;}
.header-navigation {position: relative;top: 0;width: 100%;height: 60px;line-height: 60px;text-align: center;z-index: 998;background: #00A6EA;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);color: #ffffff;clear: both;display: block;}
.header-navigation:after {content: " "}
.clearfix::after {content: "";display: table;clear: both;}
.header-navigation a { color: #ffffff}
.header-navigation.slideUp {top: -60px;}
#percentageCounter {position: fixed;left: 0;top: 0;height: 2px;z-index: 2;background-color: #448EF6;}
footer {width: 100%;text-align: center;clear: both;}
footer p {width: 1360px;margin: auto;position: relative;border-radius: 8px;padding: 20px 25px;}
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, 0.2);overflow: hidden;display: none;z-index: 999;}
#go-to-top:hover {background: #448EF6;opacity: 1;}
#go-to-top:before {font-family: iconfont;font-size: 20px;color: #fff;content: '\e66a';}
#go-to-top.active {display: block}
.searchbox {position: absolute;right: 0;display: none}
.searchbox span, #mnavh span, .jznight span {width: 20px;height: 60px;position: absolute;font-size: 19px;top: 0;padding: 0;margin: 0;line-height: 60px;cursor: pointer;z-index: 99;}
.loginbox {position: absolute;right: 10px;}
.loginbox a { display: flex;flex-direction: row;align-items: center;margin-top: -5px;}
.loginbox span {padding: 3px 6px;}
.loginbox span:hover {background: #75D00D}
.loginbox img { display: inline-block; width: 30px;border-radius: 30px;vertical-align: baseline}
#mnavh span {display: none;left: 0;text-align: center;}
.searchbox span {display: block;right: 25px;}
.jznight span {display: block;right: 60px;}
.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: 62px;left: 0;width: 100%;max-height: 0;overflow: hidden;background-color: rgba(34, 40, 49, 0.79);z-index: 100; /* padding: 0 20px; */box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.b-nav-search_wrap input, .b-nav-search_wrap button {-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 { /* WebKit browsers 适配谷歌 */color: #BDCADA;}
.b-nav-search_wrap input[type=search]:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */color: #BDCADA;}
.b-nav-search_wrap input[type=search]::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */color: #BDCADA;}
.b-nav-search_wrap input[type=search]:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/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: #448EF6;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;}
.gbko {padding: 10px 20px 20px 20px;}
.sitemap {margin-bottom: 10px;font-size: 14px;color: #888;line-height: 14px;}
.sitemap a {font-size: 14px;color: #888;}
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px)}
  100% {opacity: 1;-webkit-transform: none;transform: none}
}
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px)}
  100% {opacity: 1;-webkit-transform: none;transform: none}
}
/* 通用end *//* 首页 列表页 */
.sidebar {padding: 16px 20px 20px;margin-bottom: 20px;}

#divCalendar, #divMisc {padding-top: 20px;}
.sidebar img {max-width: 100%;}
.sidebar .side-title {height: 32px;font-size: 16px;color: #00A6EA;text-align: left !important;margin-bottom: 13px;}
.sidebar .side-title h3 {position: relative;display: inline-block;font-size: 16px;font-weight: 400;}
.sidebar .side-title:hover {color: #ff6000;}
.l_box .sidebar {background: rgba(255, 255, 255, .9);overflow: hidden;border-radius: 8px;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);}

.r_box .sidebar { background: #ffffff;border-radius: 8px;}
.r_box .sidebar .side-title h1 { font-size: 18px;}

.theiaStickySidebar {margin-bottom: 50px;}
.about_me img {width: 100%}
.about_me p {line-height: 24px;font-size: 14px}
.about_me i {width: 120px;float: left;clear: left;margin-right: 10px;overflow: hidden}
#divMisc li {width: 50%;overflow: hidden;float: left;padding: 4px}
#divMisc li img {width: 100%;height: auto;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#divMisc li img:hover {transform: scale(1.05)}
#divArchives li, #divNavBar li, #divStatistics li, #divCatalog li {width: 50%;height: 32px;float: left;line-height: 32px;overflow: hidden;}
#divComments li, #divPrevious li {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 5px;height: 32px;line-height: 32px;}
#divNavBar li::before, #divCatalog li::before, #divComments li::before, #divPrevious li::before {content: "\e736";font-family: icomoon;margin-right: 4px;}
#divFavorites a, #divLinkage a, #divAuthors a {display: block;float: left;margin: 0 10px 5px 0}
/* 自带模块 */
#side-new-about-item, #side-new-about-itemd {text-align: center;}
#side-new-about-item .content, #side-new-about-itemd .content {position: relative;}
#side-new-about-item .side-title, #side-new-about-itemd .side-title {display: none;}
.sidebar#side-new-about-item, .sidebar#side-new-about-itemd {padding: 0;font-family: Barlow, Arial, 'Microsoft YaHei', SimHei;}
#side-new-about-item #about-bg {height: 125px;}
#side-new-about-itemd .avatar { display: block;text-align: center}
#side-new-about-itemd .avatar img {width: 30%;height: auto;-o-object-fit: cover;object-fit: cover;margin: 10px auto}
#side-new-about-item .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;}
#side-new-about-item .text {margin: 45px 20px 5px;}
#side-new-about-itemd .textd {margin: 15px 20px 0px;}
#side-new-about-item .text h2, #side-new-about-itemd .text h2 {font-weight: 400;font-size: 1.1rem;margin: 8px 10px;}
#side-new-about-itemd .text h2 {margin: 6px 10px;}
#side-new-about-item .text p, #side-new-about-itemd .text p {font-size: 14px;margin: 0px 8px;empty-cells: hide;color: #7a7a7a;}
#side-new-about-item .card-info-data {display: table;padding: 15px 5px 0;width: 100%;table-layout: fixed;font-size: 14px;}
#side-new-about-item .card-info-data-item {display: table-cell;}
#side-new-about-item .card-info-data-item .length_num {color: #000;font-size: 18px;font-weight: 700;}
#side-new-about-item .card-info-data-item .headline {color: rgba(68, 68, 68, .65);}
#side-new-about-item .sidebar-icon, #side-new-about-itemd .sidebar-icon {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 10px 10px 10px;}
#side-new-about-itemd .sidebar-icon {margin-top: 5px;}
#side-new-about-item .sidebar-icon a, #side-new-about-itemd .sidebar-icon a {display: flex;justify-content: center;align-items: center;width: 32px;height: 32px;margin: 4px;border-radius: 100px;color: rgba(68, 68, 68, .65);position: relative;}
.sidebar-icon a.weixin .weixincode {position: absolute;bottom: 50px;left: -40px;z-index: 999;display: none;width: 130px;height: 130px;overflow: hidden;border-radius: 5px;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1);-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;-webkit-animation-duration: 300ms;animation-duration: 300ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.sidebar-icon a.weixin:hover .weixincode {display: block;}
#side-new-about-item .sidebar-icon a:hover, #side-new-about-itemd .sidebar-icon a:hover {background: rgba(68, 142, 246, 0.1);color: #00A6EA;}
#side-hot-view-item ul, #side-hot-cmt-item ul, #side-new-article-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: 5px;}
.sidebar li.topthub:hover img {transform: scale(1.05);border-radius: 5px;}
.sidebar li.topthub img {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;border-radius: 5px;}
.sidebar li.topthub img:hover {border-radius: 5px;}
#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: 160px;border-radius: 5px;}
#side-tui-article-item li.topthub p {margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#side-hot-view-item li span, #side-hot-cmt-item li span, #side-new-article-item li span, #side-tui-article-item li span {background-color: rgba(0, 0, 0, .3);position: absolute;bottom: 0;left: 0;height: 30px;line-height: 30px;overflow: hidden;width: 100%;color: #fff;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#side-hot-view-item li.widlist, #side-hot-cmt-item li.widlist, #side-new-article-item li.widlist {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 5px;height: 28px;line-height: 28px;position: relative;}
.sidebar li.widlist::before {counter-increment: section;content: counter(section);display: inline-block;background-color: #f0f0f0;display: inline-block;font-size: 13px;width: 18px;height: 18px;line-height: 18px;color: #999;text-align: center;margin-right: 5px;border-radius: 3px;}
.sidebar li.widlist:nth-child(-n+4):before {background: #f63;color: #fff;}
#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;}
/* 侧栏标题ico */
.sidebar .side-title::before {font-family: icomoon;margin-right: 4px;text-align: center;content: '\e69b';}
.sidebar#divContorPanel .side-title::before {content: '\e870';}
.sidebar#divComments .side-title::before, .sidebar#side-new-comment-item .side-title::before {content: '\e683';}
.sidebar#divLinkage .side-title::before {content: '\e76f';}
.sidebar#divStatistics .side-title::before {content: '\e8c2';}
.sidebar#divFavorites .side-title::before {content: '\e754';}
.sidebar#divTags .side-title::before {content: '\e7a9';}
.sidebar#divAuthors .side-title::before {content: '\e787';}
.sidebar#divPrevious .side-title::before, .sidebar#side-new-article-item .side-title::before {content: '\e688';}
.sidebar#side-hot-view-item .side-title::before {content: '\e7b7';}
.sidebar#side-tui-article-item .side-title::before {content: '\e779';}
.sidebar#side-hot-cmt-item .side-title::before {content: '\e6e1';}
/* 首页推荐 */
.r_box .indextop ul {overflow: hidden;}
.r_box .indextop li {float: left;width: 48.68%;margin-bottom: 20px;}
.r_box .indextop li {margin-right: 2.64%;}
.r_box .indextop li:nth-child(2n+0) {margin-right: 0;}
.r_box .indextop li .listtopimg {height: 220px;}
.r_box li .jiao {width: 20%;max-width: 55px;position: absolute;top: 0;left: 0;overflow: hidden;border-radius: 8px 0 0 0;z-index: 1;}
.r_box li .jiaod {width: 10%;}
.r_box li:hover img.jiao {transform: none;}
.r_box li, .aboxd {background: rgba(255, 255, 255, .9);overflow: hidden;color: #797b7c;margin-bottom: 20px;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;border-radius: 8px;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);position: relative;}
.r_box li h2 {font-size: 20px;line-height: 25px;margin: 25px 25px 0;color: #f1404b;font-weight: normal;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: #ff6000}
.r_box li img {float: right;clear: right;width: 100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.r_box li .listtopimg img {float: none;clear: none;width: 100%;height: 240px;-o-object-fit: cover;object-fit: cover;}
.r_box li .listtopimg {width: 100%;display: block;height: 240px;overflow: hidden;font-size: 14px;border-radius: 8px 8px 0 0;}
.r_box li i {width: 130px;display: block;height: 130px;overflow: hidden;float: left;margin: 20px;font-size: 14px;border-radius: 5px;}
.r_box li i img {width: 100%;height: 130px;-o-object-fit: cover;object-fit: cover;}
.r_box li p {margin: 20px 25px 0;line-height: 22px;overflow: hidden;text-overflow: ellipsis;height: 44px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;}
.r_box li:hover img {transform: scale(1.05)}
.r_box li:hover h3 a {color: #19585d;}
.r_box .postfoot {margin: 0 25px 25px;padding-top: 10px;display: block;color: #999;white-space: nowrap;text-overflow: ellipsis;}
.r_box .postfoot a {color: #999;}
.r_box .postfoot [class^="icon-"], .bloginfo [class^="icon-"] {font-size: 13px;}
.r_box .postfoot::after, .r_box .postfoot::before {content: '';display: table;}
.r_box .postfoot div {display: block;}
.r_box .postfoot .text-primary {color: #00A6EA;}
.r_box .postfoot .author img {width: 22px;height: 22px;border-radius: 50%;margin-right: 8px;float: left;}
.r_box li:hover .postfoot .author img {transform: none;}
.r_box .postfoot .btn { background: #00A6EA;padding: 5px 10px;color: #ffffff;border-radius: 5px;font-size: 14px;}
.r_box .postfoot .btn:hover { background: #a24403;}

.pagelist {text-align: center;color: #666;width: 100%;clear: both;margin: 20px 0;padding: 20px 20px 14px 20px;background: rgba(255, 255, 255, .9);overflow: hidden;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;border-radius: 8px;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);}
.pagelist a {color: #666;margin: 0 2px 5px 2px;display: inline-block;padding: 5px 10px;background: rgba(222, 226, 230, .6);border-radius: 4px;}
.pagelist b {padding: 5px 10px;background: #00A6EA;color: #fff;font-weight: normal;border-radius: 4px;}
a.curPage {color: #19585d;font-weight: bold;}
#divTags li a {font-size: 13px;display: block;background: #999;float: left;padding: 3px 8px;margin: 4px;border-radius: 3px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.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: #333 1px 1px 1px}
#divSearchPanel .side-title {display: none;}
#divSearchPanel {background-color: transparent;padding: 0;}
#divSearchPanel form {background: #75D00D;position: relative;border: 1px solid #75D00D;border-radius: 8px;}
#divSearchPanel input[type="submit"] {border: 0;background: 0;color: #fff;outline: none;position: absolute;top: 10px;right: 8%}
#divSearchPanel input[type="text"] {border: 0;line-height: 36px;height: 36px;width: 72%;padding-left: 10px;outline: none;border-radius: 8px 0 0 8px;}
#divContorPanel {padding-bottom: 30px;}
#divContorPanel div {text-align: center;}
#divContorPanel .cp-hello {width: 100%;margin-bottom: 10px;padding: 10px 0 10px 0;display: inline-block}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {text-align: center;line-height: 30px;border: 1px solid #ccc;border-radius: 3px;margin: 4px;padding: 4px 8px;}
#divContorPanel .sidecon div {padding: 20px;text-align: center;line-height: 24px;border: 1px dotted #f0f0f0;background: #fbfbfb}
#divCalendar div {margin-bottom: 0;}
#divCalendar table {width: 100%;border-collapse: collapse}
#divCalendar table, #divCalendar tr, #divCalendar th, #divCalendar td {border: 1px solid #eee}
#divCalendar caption {line-height: 36px;border-top: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee}
#divCalendar caption a {font-size: 15px;color: #123}
#divCalendar thead {background: #f6f7f8}
#divCalendar th {height: 36px}
#divCalendar td {height: 36px;text-align: center}
#divCalendar td a {font-weight: 700;color: #123}
#divCalendar td a:hover {color: #f63}
.picbox {width: 100%;overflow: hidden;}
.picbox2 {display: none}
.picbox ul {overflow: hidden;width: 24%;float: left;margin-right: 10px}
.picbox ul li {display: block;background: #FFF;margin: 0 0 20px 0;border: 1px #d9d9d9 solid;}
.picbox ul li i {margin: 10px;height: auto;overflow: hidden;display: block;}
.picbox ul li img {width: 100%;}
.picbox2 ul {overflow: hidden;width: 48%;float: left;margin-right: 10px}
.picbox2 ul:nth-child(2) {float: right}
.picbox2 ul li {display: block;background: #FFF;margin: 0 0 20px 0;border: 1px #d9d9d9 solid;}
.picbox2 ul li i {margin: 10px;height: auto;overflow: hidden;display: block;}
.picbox2 ul li img {width: 100%;}
.picinfo h3 {border-bottom: #ccc 1px solid;padding: 10px 0;margin: 0 20px;font-size: 16px}
.picinfo span {padding: 10px 20px;line-height: 26px;color: #666;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.picbox ul li a:hover {color: #19585d}
.tags a {background: rgba(222, 226, 230, .6);border-radius: 3px;font-size: 14px;padding: 4px 8px;margin: 0 10px 0 0;}
.tags {margin: 40px 0 10px 0;}
.infosbox img { max-width: 100%;height: auto;display: block;border-radius: 5px;margin: 4px auto}
.share {padding: 20px;text-align: center;}
.shadow {box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1);}
/*上一篇下一篇*/
.nextinfo {width: 100%;display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: baseline;align-items: baseline;color: rgba(51, 51, 51, 0.65);padding: 15px 20px 20px;border-top: 1px solid #eee;}
.nextinfo p {width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nextinfo p span {font-size: 14px;}
.nextinfo p.prev {margin-left: 0;margin-right: 8px;text-align: left;}
.nextinfo p.next {margin-left: 8px;margin-right: 0;text-align: right;}
.infosbox .main { margin-right: 0}
/*赞赏*/
.diggit {width: 160px;margin: auto;background: #448EF6;color: #fff;border-radius: 40px;line-height: 40px;text-align: center;border: 1px solid #e5e5e5;}
.diggit::before {font-family: icomoon;margin-right: 4px;text-align: center;content: '\e7ab';}
.diggit:focus {outline: none;}
.diggit:hover {background-color: rgba(0, 0, 0, 0);color: #333;border: 1px solid #e5e5e5;}
.diggit a {color: #fff;}
/* 首页 列表页end *//* 正文底部图标 */
.single-share {position: relative;padding: 0 25px 15px;height: 55px;}
.single-share i {vertical-align: middle;}
.post-like .dotGood {float: left;line-height: 40px;text-align: center;font-size: 21px;margin-right: 15px}
.post-like .dotGood i {margin-right: 4px}
.post-like .dotGood span {font-family: Barlow, Arial, 'Microsoft YaHei', SimHei;font-size: 18px;}
.post-share {float: right;margin-top: 6px;}
.post-share a, .share-icon {float: left;background: #f4f5f9;color: #252c41;margin-left: 10px;width: 34px;height: 34px;line-height: 32px;text-align: center;border-radius: 50%;}
.post-share a:hover {color: #ff6000}
.share-icon:hover {color: #333 !important;}
.share-icons {position: absolute;right: 0;margin-right: 75px;z-index: 10}
.share-icons i {padding: 10px;border-radius: 50%;font-size: 15px}
.share-icons .share-wechat {color: #1aad19}
.share-icons .share-sina-weibo {color: #ff6363}
.share-icons .share-qq {color: #3d93e0}
#wechat-qrcode {position: absolute;top: -165px;left: -45px;width: 150px;height: 150px;padding: 15px;background: #fff;border-radius: 5px;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1), 0 8px 16px 0px rgba(0, 0, 0, 0.1);z-index: 999;display: none;}
#wechat-qrcode.active {display: block;}
.single_icon {text-align: center;line-height: 40px;font-size: 20px;margin-right: 15px;}
/*相关文章*/
.related-list {padding: 10px 10px 5px 10px;}
.related-list h3 {line-height: 40px;font-weight: normal;margin-bottom: 8px;border-radius: 2px;font-size: 18px;overflow: hidden;color: #448EF6;padding: 0 10px;}
.related-list li {float: left;width: 25%;padding: 0 10px;overflow: hidden;margin-bottom: 15px;}
.related-list li i {width: 100%;height: 120px;overflow: hidden;display: block;border-radius: 5px;}
.related-list li i img {width: 100%;height: 130px;-o-object-fit: cover;object-fit: cover;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.related-list li:hover img {transform: scale(1.05);}
.related-list li p {margin-top: 3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 文章 */
.infosbox, .commen_pl, .related-list {overflow: hidden;background: rgba(255, 255, 255, .9);margin-bottom: 20px;border-radius: 8px;box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);}
.newsview {padding: 0 25px;word-break: break-all;}
.news_con a, blockquote a {color: #2196f3;}
.news_con .summary { background: #EEEEEE;padding: 15px}
.news_con p {line-height: 30px;font-size: 15px;margin-bottom: 15px;}
.news_con img { max-width: 90%;}
.intitle {line-height: 40px;height: 40px;font-size: 14px;border-bottom: #000 2px solid;}
.intitle a {font-weight: normal;}
.news_title {font-size: 24px;font-weight: normal;padding: 20px 0 10px 0;color: #333;}
.bloginfo {width: 100%;overflow: hidden;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #eee;color: #999;}
.bloginfo li {float: left;margin-right: 20px}
.bloginfo li.author img {width: 25px;height: 25px;border-radius: 50%;margin-right: 8px;}
.news_about {color: #888888;border: 1px solid #F3F3F3;margin: 20px auto;background: none repeat 0 0 #F6F6F6;position: relative;padding: 20px 30px 20px 246px;height: 128px;font-size: 15px;line-height: 1.8;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.news_about p {overflow: hidden;max-height: 81px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.news_about img {position: absolute;top: 0;left: 0;width: 206px;min-height: 128px;-webkit-mask: -webkit-gradient(linear, 0% 0, 100% 0, from(#000), to(rgba(0, 0, 0, 0)));}
.news_aboutni {padding: 10px !important;margin: 20px auto 15px auto !important;height: auto !important;}
.news_aboutni strong {color: #38485A;font-weight: 400 !important;font-size: 15px;padding-right: 8px;}
.news_content {line-height: 24px;font-size: 14px;}
.news_content p {overflow: hidden;padding-bottom: 4px;padding-top: 6px;word-wrap: break-word;}
.copyright {padding: 0 25px;}
.copyright blockquote {padding-left: 16px;}
.copyright blockquote:before {content: '';}
.copyright blockquote:hover {background: rgba(255, 96, 0, 0.1);border-left: 4px solid #ff6000;}
.copyright blockquote:hover a {color: #ff6000;}
/* 文章end *//* 图片点击放大 */
#outerdiv {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;display: none;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(120, 129, 147, .5);color: #fff;opacity: 1;}
#bigimg {border: 5px solid rgba(255, 255, 255, 0.9);border-radius: 5px;}
#outerdiv .caption-view {position: absolute;left: 0;bottom: 0;width: 100%;height: 38px;background-color: rgba(0, 0, 0, .2);text-align: center;}
#outerdiv .caption-view p {line-height: 38px;color: #fff;margin: 0;padding: 0;font-size: 14px;}
/* 评论 */
ul.msg {margin: 25px 0;padding: 0 0 25px;border-bottom: 1px solid #eee;word-wrap: break-word;}
ul.msg img.avatar {border-radius: 50%}
li.msgurl {text-align: right;padding: 2px 10px;}
li.msggravatar {display: block;float: left;margin-right: 5px;}
li.msgarticle {list-style-position: outside;padding: 10px 0 0;line-height: 160%;padding-left: 65px;}
img.avatar {float: left;width: 54px;height: 54px;margin: 0 15px 0 0;padding-left: 10px;padding-top: 10px;}
ul.msg small {color: #a6a6a6;}
ul.msg h3 small {font-size: 12px;}
ul.msg ul.msg {padding: 20px 0 0;margin: 20px 0 0;border-top: 1px solid #f1f1f1;border-bottom: none;}
ul.msg ul.msg li.msgarticle {padding-bottom: 0;}
ul.msg ul.msg li.msgname {padding: 0;}
ul.msg.msghead {min-height: 38px;margin-bottom: 0;padding-bottom: 0;font-size: 16px;color: #448EF6;}
ul.msg.msghead em {color: #f90;font-family: Arial;margin-right: 2px;font-style: normal;}
ul.pagebar, ul.msghead {border: none;}
ul.msghead li.tbname {padding-bottom: 10px;border-bottom: 1px solid #eee;}
ul.msg:nth-last-child(2) {border-bottom: 0;}
.jz-comment h3, .jz-comments h3 {line-height: 40px;font-weight: normal;margin-bottom: 8px;border-radius: 2px;font-size: 18px;overflow: hidden;color: #448EF6;}
.jz-comments h4 {margin-bottom: 10px;text-align: center;padding: 0 10px;font-size: 17px;font-weight: normal;margin-bottom: 8px;}
.jz-comment input {line-height: 30px;height: 30px;font-size: 14px;font-family: "Microsoft YaHei", Verdana, sans-serif;width: 100%;border: 0;padding-left: 8px;background-color: transparent;}
.jz-comment label, .jz-comments label {display: none;}
.jz-comment textarea {border: 0;height: 120px;width: 100%;font-size: 14px;font-family: "Microsoft YaHei", Verdana, sans-serif;display: block;padding: 8px;background-color: transparent;}
.jz-comment-box {border: 1px solid #ddd;border-radius: 4px;padding: 4px;position: relative;background: rgba(246, 246, 246, .9);margin-bottom: 6px;}
.jz-comment-ul4 {float: left;width: 49.5%;}
.jz-comment-ul3 {float: left;width: 32.66%;}
.jz-comment .jz-comment-ul4:nth-child(2n) {float: right;}
.jz-comment .jz-comment-ul3-2 {margin: 0 1%;}
.jz-comment-box img.jz-code {position: absolute;right: 4px;top: 4px;height: 30px;width: auto;}
.jz-comment-box input.button {border-radius: 0 0 2px 0;line-height: 40px;height: 40px;width: 100px;background: #f1404b;color: #fff;position: absolute;right: 0;bottom: 0;padding: 0;}
.jz-comment-textarea {width: 100%;clear: both;}
.jz-red {color: #f1404b;}
.reply-frm {margin-top: 15px;}
.commen_pl .pagelist {box-shadow: none;}
.text-post-wrap { display: flex;flex-direction: row;clear: both;width: 99%;justify-content: space-between}
.text-post-wrap .text-post { width: 32%;display: block;background: rgba(255, 255, 255, .9);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.text-post-wrap .text-post li { list-style: none;background: none;box-shadow: none}
.news_con p img { display: block;margin: 5px auto;}
.sidebar h1 { font-size: 18px;margin-bottom: 10px;}
.news_con h2 { margin-bottom: 10px; }
.news_con table {border-collapse: collapse;text-align: center;width: 97%;margin: 5px auto}
.news_con table td, table th {border: 1px solid #cad9ea;color: #666;height: 30px;font-size: 14px;text-align: left;}
.news_con table thead th {background-color: #CCE8EB;width: 100px;}
table tr:nth-child(odd) {background: #fff;}
.news_con table tr:nth-child(even) {background: #F5FAFA;}
.searchbbb {width: 80vw;max-width: 500px;position: relative;margin: 20px auto;height: 69px;padding: 15px 14px 13px;font-size: 20px;}
.searchbbb input {width: 55vw;max-width: 470px;height: 50px;padding: 0 15px 0 15px;font-size: 16px;color: #333;border: 1px solid #d1d1d1;border-radius: 3px;box-shadow: inset 0 1px 2px #eee;}
.searchbbb button {position: absolute;top: 15px;right: 12px;display: block;height: 50px;line-height: 50px;width: 90px;background-color: #00A6EA;color: #fff;text-align: center;border-radius: 0 10px 10px 0;border: none;font-size: 18px;}
.art-condBox {padding: 15px;margin-top: 20px;border-radius: 10px;background: #ffffff}
.art-condBox dl {height: auto;line-height: 25px;margin-bottom: 7px;position: relative;display: flex;flex-direction: row}
.art-condBox dt {width: 70px}
.art-condBox dd {width: auto}
.art-condBox dd a {display: inline-block;font-size: 13px;padding: 0 5px}
.art-condBox dd a.active, .art-condBox dd a:hover {color: #fff;background-color: #00A6EA;border-radius: 2px;-webkit-border-radius: 3px;-moz-border-radius: 2px}
.index-content { background: none;position: relative}
#clouds1 {margin-top: 0;animation-timing-function: linear;background: url(/static/dazi/images/clouds1.png);animation: cloud_anim 150s infinite;}
#clouds2 {margin-top: 20px;animation-timing-function: linear;background: url(/static/dazi/images/clouds2.png);border-bottom: 10px solid white;animation: cloud_anim 150s infinite;}
#clouds3 {margin-top: -30px;background-position-x: -140px;animation-timing-function: linear;background: url(/static/dazi/images/clouds3.png); animation: cloud_anim 150s infinite;}
.clouds {position: absolute;width: 100%;height: 120px;left: 0;top: 210px;animation-timing-function: linear;z-index: -10}
@-webkit-keyframes cloud_anim {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2000px 0;
  }
}
.index_stats { background: #00A6EA;}
.index_stats section { display: flex;flex-direction: row;justify-content: center;}
.index_stats div { min-width: 30%;padding: 30px;text-align: center}
.index_stats div h2 { font-size: 30px; font-weight: bold;color: #666666;}
.index_stats div p { font-size: 20px;color: #666666;}
.index-top {}
.bg { background: #ffffff}
.index-top h1 { padding-top: 10px;}
.index-top h1, .index-top ul li { color: #333;}
.index-top .play { display: block; margin-top: 80px;margin-left: -50px;}
.index-banner { display: flex;flex-direction: row; justify-content: space-evenly;align-items: flex-start;margin-top: 0;padding-top: 45px; }
.index-banner p {margin-top: 15px;font-size: 16px;line-height: 30px;}
.index-banner .index-banner-left {margin-right: 20px; margin-left: 0px;}
.index-banner .index-banner-right { display: block;}
.index-banner .btn-box { display: block;width: 220px;}
.index-banner .btn-box a { padding: 10px;line-height: 25px;display: block; box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;width: 200px;font-size: 16px;border-radius: 5px;margin-top: 15px;text-align: center;}
.index-banner .btn-box a.active { background-color: #00A6EA; color: #ffffff}
.index-top .index-banner-right { text-align: center }
.index-top .index-banner-right img { max-width: 600px; }
.index-banner .index-banner-right .index-banner-play {width: 100px; margin: 0 auto;position: relative;margin-top: -250px;opacity: 0.7 }
.index-banner .index-banner-right .index-banner-play:hover { opacity: 0.9}
.index-banner img {display: block;width: 100%;}
.index-banner h1 { font-size: 26px;color: #999;text-align: left}
.index-banner ul { padding-left: 0px;margin-top: 10px;}
.index-banner ul li { font-size: 16px;color: #333;line-height: 30px;list-style: disc}
.index-top.index-banner ul li {color: #333;margin-left: 20px;}
.index-top h1 { padding-top: 10px;}
.index-top h1, .index-top ul li { color: #ffffff;}
.index-top .play { display: block; margin-top: 80px;margin-left: -50px;}
.index-banner p {margin-top: 15px;font-size: 16px;line-height: 30px;}
.index-top .index-banner-right { text-align: center }
.index-top-card { display: flex;flex-direction: row; justify-content: space-between;align-items: flex-start;margin-top: 0;padding-top: 45px;}
.index-top-card li { list-style: none;display: block;text-align: center;padding: 10px;}
.index-top-card li .diamond { display: flex;justify-content: center; width: 100px; height: 100px;margin: 5px auto;background: #666666;align-items: center;border-radius: 5px;}
.index-top-card li:nth-child(1) .diamond {background: #00A6EA;}
.index-top-card li:nth-child(2) .diamond {background: #B57A0B;}
.index-top-card li:nth-child(3) .diamond {background: #B59C0B;}
.index-top-card li:nth-child(4) .diamond {background: #A8B10B;}
.index-top-card li:nth-child(5) .diamond {background: #00A6EA}
.index-top-card li:nth-child(6) .diamond {background: #099334}
.index-top-card li .diamond > span { width: 100px;height: 100px; display: block;margin: 5px auto;font-size: 50px;margin-top: 20px;color: #ffffff}
.index-top-card li h3 { font-size: 16px;line-height: 30px;font-weight: 500}
.index-top-card li p { font-size: 14px;line-height: 25px;padding: 5px 20px;}

.index-banner .index-banner-right .index-banner-play {width: 100px; margin: 0 auto;position: relative;margin-top: -250px;opacity: 0.7 }
.index-banner .index-banner-right .index-banner-play:hover { opacity: 0.9}
.index-banner img {display: block;width: 100%;}
.index-banner h1 { font-size: 26px;color: #333;text-align: left;margin-top: 50px;}
.index-banner ul { padding-left: 0px;margin-top: 10px;}
.index-banner ul li { font-size: 16px;color: #333;line-height: 30px;list-style: disc}
.padding { padding: 20px;}
.index-banner .index-banner-left p.neice { color: #FFF}
.index-banner .index-banner-left p.neice img { width: auto;display: inline}
.index-banner .p-g-buy { display: block;background-color: #56c7e6;color: #FFF;margin: 15px auto;width: 206px;height: 42px;margin-left: 10px;border-radius: 3px;line-height: 42px;text-align: center;font-size: 16px;text-indent: 0;}
.index-banner .qq-box { text-align: left}
.index-banner .qq-box img { width: 40%;margin: 5px;display: inline}
.index-guide {display: flex;flex-direction: row;font-size: 16px;line-height: 30px;margin-bottom: 15px;}
.index-guide .index-banner-left { width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center}
.index-guide .index-banner-right { width: 50%;background: none;display: flex;flex-direction: column;align-items: center;justify-content: center}
.index-guide h3 { font-size: 26px;color: #333;text-align: left;margin-top: 30px}
.index-guide .card-main {background: #ffffff}
.index-guide .card-title { font-size: 22px;color: #333 }
.index-guide p { line-height: 30px;font-size: 16px;margin-top: 15px;}
.c-title { padding-left: 20px;padding-top: 30px;line-height: 30px;text-align: center;font-size: 26px;}
.index-banner-right video {object-fit: fill !important;max-width: 100vw;max-height: 64vw;}
.index-banner-right video[poster] {max-width: 100vw;height: 100%;width: 100%;}
.section-reviews { font-size: 16px;}
.section-reviews h2 {font-size: 2.2em;text-align: center}
.section-reviews .intro {font-size: 16px;;text-align: center}
.section-reviews .outro {font-size: 1.2em;text-align: center;color: #567790;}
.section-reviews .outro a {color: #56c7e6;}
.section-reviews ul {list-style-type: none;padding-left: 0;}
.section-reviews .review {text-align: left;}
.section-reviews .review blockquote {max-width: 70em;}
.section-reviews blockquote {border: none;margin: 3em 2em;padding: 0;font-size: 1.1em; margin-left: auto;margin-right: auto;max-width: 41em;}
.section-reviews .review blockquote p {padding: 0;text-align: left;color: #333;font-weight: 600;font-size: 16px;margin: 0;}
.section-reviews .review blockquote strong {border-bottom: .15em solid #ff9800;font-weight: 600;}
.review-stars {color: #ff9800;vertical-align: .05em;}
.section-reviews .review blockquote footer .rating-number {opacity: .7;margin-right: .5em;}
.section-reviews .intro {line-height: 30px;margin-top: 20px;}
.schools { display: flex;flex-direction: row;flex-wrap: wrap;}
.schools li { list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 10px;}
.schools li img { height: 100px;width: 100px;display: inline-block}
.authors { display: flex;flex-direction: row;flex-wrap: wrap;margin-top: 20px;justify-content: space-between}
.authors li { list-style: none;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 190px;margin-bottom: 15px;}
.authors li img { height: 220px;width: 180px;display: inline-block}
.authors li .info {width: 100%;height: 100%;}
.authors li .info strong, .authors li .info span {display: block;}
.authors li .info strong {padding: 20px 0px 5px 0px;font-weight: bold;font-size: 16px;color: #717171;}
.authors li .info span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #a1a1a1;overflow: hidden;}
@media only screen and (max-width: 992px) {
  .level { width: 100%;margin: 0 auto;}
  .authors li { width: 33%;margin: 0 auto;}
  .container { width: 100%}

  #starlist li:nth-child(n+5) { display: none; }

  .index-top-card { flex-direction: row;flex-wrap: wrap;}

  .index-top-card li { width: 50vw}

  .container { max-width: 100vw !important;}

  .index-guide { width: 100vw;flex-direction: column}

  .padding { padding: 5px;text-align: center}

  .index-banner { display: flex;flex-direction: column !important;padding-top: 15px;width: 100vw;}

  .index-banner h3 { margin: 0 !important;}

  .index-banner .btn-box { margin-left: 50px;}

  .index-banner .index-banner-left { width: 100%;float: none !important;padding: 0 !important;margin: 0;}

  .index-banner .index-banner-left h1 { font-size: 20px;padding: 20px}

  .index-banner .index-banner-right { width: 100%;float: none !important;height: auto;}

  .index-banner .index-banner-right .play {height: 80vw;margin: 0px !important;}

  .index-banner .index-banner-right video {max-width: 100vw !important;}

  .index-banner .index-banner-right img {max-width: 100vw !important;}

  .index-banner ul {padding-left: 20px;padding-right: 10px;}

  .index-banner.index-guide ul li {padding-left: 0px;padding-right: 10px;margin-right: 0}

  .index-banner.index-top ul { margin-right: 0px;padding-left: 20px !important;max-width: 80vw}

  .index-banner-left {width: 100% !important; }

  .index-banner-right {width: 100% !important; }

  .index-banner-right img {width: 100% !important; }

  .index-banner-left img {width: 100% !important; }

  .index-guide .card-main { background: #ffffff !important;}

  .index-guide .card-main.blue { background: #198aa9 !important;}

  .index-guide h3 { font-size: 20px; margin: 5px; margin-top: 10px !important;}

  .index-banner .index-banner-right .index-banner-play { margin-top: -180px;}

  .index-banner img { margin-top: 10px;}

  .index-banner .qq-box { text-align: center}

  .index-banner .qq-box img { width: 70%;}

  .index-banner .p-g-buy { margin: 10px auto;margin-left: auto}

  .index-top2 img {width: 90vw }

  .index-banner .padding { padding: 0}

  .article-list .figure img {min-height: 90px;}

  .index-top2 img {width: 90vw }

  .index-banner .padding { padding: 0}

  .article-list .figure img {min-height: 90px;}

  .layui-input-block {width: 70%; }

  .layui-form-label {margin-left: 5px;}

  .index-banner h3 { margin: 0 !important;}

  .index-banner .index-banner-left { width: 100%;float: none !important;padding: 0 !important;}

  .index-banner .index-banner-left h1 { font-size: 20px;padding: 20px}

  .index-banner .index-banner-right { width: 100%;float: none !important;height: auto;}

  .index-banner .index-banner-right .play {height: 80vw;margin: 0px !important;}

  .index-banner .index-banner-right video {max-width: 100vw !important;}

  .index-banner ul {padding-left: 20px;padding-right: 10px;}

  .index-banner.index-guide ul li {padding-left: 0px;padding-right: 10px;margin-right: 0}

  .index-banner.index-top ul { margin-right: 0px;padding-left: 20px !important;}

  .index-guide .card-main { background: #ffffff !important;}

  .index-guide .card-main.blue { background: #198aa9 !important;}

  .index-guide h3 { font-size: 20px; margin: 5px; margin-top: 10px !important;}

  .index-banner .index-banner-right .index-banner-play { margin-top: -180px;}

  .index-banner img { margin-top: 10px;}

  .index-banner .qq-box { text-align: center}

  .index-banner .qq-box img { width: 70%;}

  .index-banner .p-g-buy { margin: 10px auto;margin-left: auto}

  .index-top2 img {width: 90vw }

  .index-banner .padding { padding: 0}

  .article-list .figure img {min-height: 90px;}

  .layui-input-block {width: 70%; }

  .layui-form-label {margin-left: 5px;}

  .section-reviews { max-width: 100vw !important;padding: 10px;}

  .section-reviews blockquote { margin: 15px 5px;}

  .section-reviews .review blockquote p { font-weight: normal;padding: 5px;}

  .article { margin-top: 5px;}
}
@media screen and (max-width: 1400px) {
  header {width: 96%;margin: auto}

  .article {width: 96%;width: calc(96% + 16px);}

  nav, footer p {width: 96%;}

  .picbox ul {width: 23%;}

  .picshowlist {display: none}
}
@media screen and (max-width: 1149.9px) {
  header {width: 96%;margin: auto}

  .article {width: 96%;width: calc(96% + 16px);}

  nav, footer p {width: 96%;}

  .picbox ul {width: 23%;}

  .picshowlist {display: none}
}
@media only screen and (max-width: 768.1px) {
  .r_box li h2 {margin: 20px 20px 0;}

  .r_box li p {margin: 15px 20px 0;}

  .r_box .postfoot {margin: 0 20px 20px;}

  .r_box li i {height: 116px;width: 116px;}

  .r_box li i img {height: 116px;}

  .r_box li .listtopimg {max-height: 180px;}

  .r_box li .listtopimg img {height: 180px;}

  .text-post-wrap { width: 100% !important;}

  .text-post-wrap .text-post { width: 100%;clear: both !important;float: none !important;}

  #mnavh span {display: block;}

  .searchbox span {right: 20px;}

  .jznight span {right: 55px;}

  #mnavh span {left: 20px;}

  header, footer {padding: 0 20px}

  .article {width: 100%;padding: 0 20px 20px;}

  .logo {width: 100%}

  .logo a {display: inline-block;float: none;margin: 0 auto;}

  nav, footer p {width: 100%;position: relative;}

  #starlist {width: 250px;background: rgba(55, 55, 55, .9);position: fixed;top: 0;bottom: 0;margin-left: 0px;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: 0px;}

  #starlist.active li:hover {background-color: transparent;}

  #starlist ul.sub-nav {background: transparent;}

  #starlist ul.sub-nav:before {border-bottom-color: transparent;}

  .fademask.active {width: 100%;height: 100%;background: rgba(0, 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:hover:before, #starlist li.selected:before {width: 0;}

  #mnavh {display: block;}

  .related-list li {width: 50%;}

  .l_box {display: none}

  .r_box, .infosbox, .picsbox, .main {width: 100%}

  .pagelist a {padding: 2px 6px;}

  .pagelist b {padding: 2px 6px;}

  .picbox ul {width: 22%;}

  .picbox ul li i {margin: 5px}

  .picinfo {display: none}

  .picshowlist {display: none}

  .lmname, .view {display: none}

  #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: 26px;margin-top: 16px;}

  .sitemap {padding: 0 18px;}

  .searchbox span {right: 18px;}

  .jznight span {right: 48px;}

  #mnavh span {left: 18px;}

  header, footer {padding: 0}

  .article {width: 100%;padding: 0;margin-top: 4px;}

  .logo {width: 100%}

  nav {width: 100%;position: relative}

  .l_box {display: none}

  .r_box, .infosbox, .picsbox, .main {width: 100%}

  .picbox {display: none}

  .picbox2 {width: 96%;margin: auto;display: block}

  .picbox2 ul {width: 48%;margin-right: 0}

  .piclistshow ul li {height: 100px;padding: 0}

  .piclistshow .picimg {height: 100px}

  .picbox ul li i {margin: 2px}

  .picinfo h3 {border-bottom: 0;font-weight: normal;font-size: 15px;}

  .picinfo span {display: none}

  .picshowlist, .pictxt {display: none}

  .slider, .infosbox, .related-list, .commen_pl {border-radius: 0;margin-bottom: 10px;}

  .gbko {padding: 10px 15px 15px 15px;}

  .related-list h3 {padding: 0 5px;}

  .related-list li {width: 50%;padding: 0 5px;margin-bottom: 10px;}

  .r_box li h2 {margin: 15px 15px 0;}

  .r_box li p {margin: 10px 15px 0;}

  .r_box .postfoot {margin: 0 15px 15px;}

  .r_box li i {min-height: 100px;height: 100px;margin: 20px;width: 100px;}

  .r_box li i img {height: 100px;}

  .r_box li .listtopimg {max-height: 160px;border-radius: 0;}

  .r_box li .listtopimg img {height: 160px;}

  .r_box .indextop li .listtopimg {height: 130px;}

  .r_box .indextop li .listtopimg img {height: 130px;}

  .r_box li, .aboxd, .r_box li .jiao {margin-bottom: 10px;border-radius: 0;}

  .r_box .indextop li {margin-bottom: 10px;}

  .r_box li h2 {font-size: 16px;}

  .r_box .postfoot {padding-top: 10px;clear: none;}

  .r_box .postfoot .f_r {display: none}

  .pagelist {margin: 10px 0;border-radius: 0;padding: 15px 15px 10px;}

  .copyright {padding: 0 15px;}

  .single-share {padding: 20px 15px 0;}

  .share-icons {margin-right: 60px;}

  footer p {border-radius: 0;padding: 15px;}

  .newsview {padding: 0 15px;}
}
@media only screen and (max-width: 376px) {
  .r_box li h2 {margin-top: 12px;}

  .r_box li p {margin-top: 5px;height: 22px;-webkit-line-clamp: 1;}

  .r_box li i {min-height: 80px;height: 80px;margin: 15px;width: 80px;}

  .r_box li i img {height: 80px;}

  .r_box li .listtopimg {max-height: 111px;}

  .r_box li .listtopimg img {height: 111px;}
}
@media only screen and (max-width: 321px) {
  .r_box .postfoot .f_l .author {display: none;}

  #go-to-top {right: 10px;bottom: 10px;}

  .share-icons {display: none;}

  .r_box .indextop li {width: 100%;}

  .r_box li .jiao {width: 10%;}
}
/* 赞赏 */
.hide_box {z-index: 999;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(120, 129, 147, .5);color: #fff;opacity: 1;left: 0;top: 0;height: 100%;width: 100%;position: fixed;display: none}
.shang_box {width: 20rem;background-color: #fff;border-radius: 6px;position: fixed;z-index: 1160;left: 50%;top: 50%;margin-left: -12.5rem;margin-top: -13.75rem;display: none}
.shang_box img {border: none;border-width: 0;border-radius: 6px 6px 0 0;width: auto;height: auto;margin: 0;box-shadow: none;max-width: 100%;}
.shang_box .shang_close img {border-radius: 0;}
.dashang {display: block;width: 6.25rem;margin: .3125rem auto;height: 1.5625rem;line-height: 1.5625rem;padding: .625rem;background-color: #e74851;color: #fff;text-align: center;text-decoration: none;border-radius: 6px;font-weight: 700;font-size: 1rem;transition: all .3s}
.dashang:hover {opacity: .8;padding: .9375rem;font-size: 1.125rem}
.shang_close {display: inline-block;top: 10px;position: absolute;right: 10px}
.shang_logo {display: block;text-align: center;margin: 1.25rem auto}
.shang_payimg {margin: 0 auto;border-radius: .1875rem;border-radius: .625rem}
.pay_explain {text-align: center;margin: .625rem auto;font-size: .75rem;color: #545454}
.radiobox {width: 1rem;height: 1rem;display: block;float: left;margin-top: .3125rem;margin-right: .875rem}
.shang_payselect {text-align: center;margin: 0 auto;cursor: pointer;width: 17.5rem}
.shang_payselect img {display: inline !important}
.shang_payselect .pay_item {display: inline-block;margin-right: .625rem;float: left;padding: 10px 0;}
.shang_info {clear: both}
.shang_info a, .shang_info p {color: #c3c3c3;text-align: center;font-size: .75rem !important}
@media (min-width: 992px) {
  .list-header-style2 .iconfont {position: absolute;right: 100%}
}
@media (max-width: 768px) {
  .shang_box {width: 20rem;margin-left: -10rem;margin-top: -13.75rem}
}
@media (max-width: 414px) {
  .shang_box {width: 20rem;margin-left: -10rem;margin-top: -13.75rem}

  li.msgarticle {padding-left: 0;}

  .post-comments-count {display: none;}
}
@media (max-width: 321px) {
  .shang_box {width: 18rem;margin-left: -9rem;margin-top: -11rem}

  .shang_payselect {width: 16.2rem;height: 1.5rem}

  .radiobox {margin-right: .2rem}
}
/*登录*/
.sidebar-mobile-user {display: none !important;}
.searchbox.ycomm span {right: 75px;}
.jznight.ycomm span {right: 110px;}
.nav-comment {float: right;position: relative;height: 60px;}
.nav-comment .nav-avatar {display: inline-block;margin-top: 15px;}
.nav-comment .nav-avatar img {border-radius: 50%;width: 32px;height: 32px;border: 1px solid #f0f0f0;}
@media only screen and (max-width: 768.1px) {
  .searchbox.ycomm span {right: 20px;}

  .jznight.ycomm span {right: 55px;}

  .nav-comment {display: none;}

  .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;border: 1px solid #f0f0f0;}

  .sidebar-mobile-user p {line-height: 1;font-size: 18px;font-weight: bold;}

  .sidebar-mobile-user p span {display: inline-block;color: #ff6600;font-size: 13px;padding: 6px 10px;border: 1px solid #ff6600;border-radius: 100px;font-weight: normal;}
}
@media only screen and (max-width: 479px) {
  .searchbox.ycomm span {right: 18px;}

  .jznight.ycomm span {right: 48px;}
}
/* 夜间模式 */
.night {background-color: #151617;color: #888;background-image: none;}
.night a {color: #bbb !important;}
.night img {opacity: 0.8}
.night .logo img {display: none;}
.night .logo img.nightlogoimg {display: block;}
.night #starlist a.selected {color: #448EF6 !important;}
.night .sidebar a {color: #888 !important;}
.night .sidebar .side-title h3, .night .news_title, .night .diggit, .night .sidebar .side-title::before, .night #side-new-about-item .card-info-data-item .length_num, .night #side-new-about-item .card-info-data-item .headline, .night .jz-comment h3, .night .jz-comments h3, .night .related-list h3, .night ul.msg.msghead {color: #bbb !important;}
.night .sidebar .side-title {border-color: #3a3a3a;}
.night .news_about {background-color: #151617;color: #888;border-color: #3a3a3a;}
.night .news_about strong {color: #888;}
.night .header-navigation nav, .night .r_box li, .night .l_box .sidebar, .night .infosbox, .night .related-list, .night .commen_pl, .night footer p, .night .share-icons, .night .pagelist, .night .aboxd {background-color: #262626;color: #888;}
.night #starlist.active, .night #starlist ul.sub-nav {background-color: #1d1f20;}
.night #starlist {background-color: transparent;}
.night #starlist ul.sub-nav:before {border-bottom-color: #1d1f20;}
.night .header-navigation, .night footer {box-shadow: none;text-shadow: none;border-bottom: 0}
.night #divTags li a, .night #divContorPanel .cp-login a, .night #divContorPanel .cp-vrs a, .night .tags a, .night .diggit, .night .pagelist a {background-color: #262626 !important;border: 1px solid #3a3a3a;}
.night .jz-comment h3, .night .jz-comments h3, .night .related-list h3, .night ul.msg, .night ul.msghead li.tbname, .night ul.msg ul.msg, .night .jz-comment-box, .night .bloginfo, .night .nextinfo, .night #divCalendar caption, .night #divCalendar table, .night #divCalendar tr, .night #divCalendar th, .night #divCalendar td {border-color: #3a3a3a;}
.night textarea, .night input, .night #divSearchPanel form {color: #ccc !important;border-color: #3a3a3a !important;background: #202020 !important;}
.night #divSearchPanel input[type="text"], .night #divCalendar thead, .night blockquote {background: #151617 !important;}
.night .b-nav-search_wrap, .night .jz-comment-box {background: #202020;}
.night .jz-comment-box input.button, .night .b-nav-search_wrap button, .night .diggit, .night .post-share a, .night .share-icon {background: #151617 !important;}
code[class*="language-"], pre[class*="language-"] {color: black;text-shadow: 0 1px white;font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;direction: ltr;text-align: left;white-space: pre;word-spacing: normal;word-break: normal;word-wrap: normal;line-height: 1.5;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;}
pre[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"]::-moz-selection {text-shadow: none;background: #b3d4fc;}
pre[class*="language-"]::selection, pre[class*="language-"]::selection, code[class*="language-"]::selection, code[class*="language-"]::selection {text-shadow: none;background: #b3d4fc;}
@media print {
  code[class*="language-"], pre[class*="language-"] {text-shadow: none;}
}
/* Code blocks */
pre[class*="language-"] {padding: 1em;margin: .5em 0;overflow: auto;}
:not(pre) > code[class*="language-"], pre[class*="language-"] {background: #f5f2f0;}
/* Inline code */
:not(pre) > code[class*="language-"] {padding: .1em;border-radius: .3em;white-space: normal;}
.prism-highlight > code[class*="language-"] {background: none;}
.prism-token.prism-comment, .prism-token.prism-prolog, .prism-token.prism-doctype, .prism-token.prism-cdata {color: slategray;}
.prism-token.prism-punctuation {color: #999;}
.prism-namespace {opacity: .7;}
.prism-token.property, .prism-token.prism-tag, .prism-token.prism-boolean, .prism-token.prism-number, .prism-token.prism-constant, .prism-token.prism-symbol, .prism-token.prism-deleted {color: #905;}
.prism-token.prism-selector, .prism-token.prism-attr-name, .prism-token.prism-string, .prism-token.prism-char, .prism-token.prism-builtin, .prism-token.prism-inserted {color: #690;}
.prism-token.prism-operator, .prism-token.prism-entity, .prism-token.prism-url, .prism-language-css .prism-token.prism-string, .prism-style .prism-token.prism-string {color: #a67f59;background: hsla(0, 0%, 100%, .5);}
.prism-token.prism-atrule, .prism-token.prism-attr-value, .prism-token.prism-keyword {color: #07a;}
.prism-token.prism-function {color: #DD4A68;}
.prism-token.prism-regex, .prism-token.prism-important, .prism-token.prism-variable {color: #e90;}
.prism-token.prism-important, .prism-token.prism-bold {font-weight: bold;}
.prism-token.prism-italic {font-style: italic;}
.prism-token.prism-entity {cursor: help;}
pre.prism-line-numbers {position: relative;padding-left: 3.8em;counter-reset: linenumber;}
pre.prism-line-numbers > code {position: relative;}
.prism-line-numbers .prism-line-numbers-rows {position: absolute;pointer-events: none;top: 0;font-size: 100%;left: -3.8em;width: 3em; /* works for line-numbers below 1000 lines */letter-spacing: -1px;border-right: 1px solid #999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.prism-line-numbers-rows > span {pointer-events: none;display: block;counter-increment: linenumber;}
.prism-line-numbers-rows > span:before {content: counter(linenumber);color: #999;display: block;padding-right: 0.8em;text-align: right;}
div.prism-show-language {position: relative;}
div.prism-show-language > div.prism-show-language-label[data-language] {color: black;background-color: #CFCFCF;display: inline-block;position: absolute;bottom: auto;left: auto;top: 0;right: 0;width: auto;height: auto;font-size: 0.9em;border-radius: 0 0 0 5px;padding: 0 0.5em;text-shadow: none;z-index: 1;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
.levels {display: block;margin: 15px auto; }
.fixbg { background: url('/static/dazi/bg/bg6.jpeg') no-repeat center top; background-size: cover;z-index: -999;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;right: 0;bottom: 0;}
.levels .level h2 { font-size: 28px;line-height: 30px;font-weight: normal;display: block;clear: both;padding-left: 4px;margin-top: 10px;width: 100%}
.levels .level li { list-style: none; width: 168px;float: left;height: 170px;border-radius: 11px;margin: 5px }
.level {display: flex;flex-wrap: wrap;max-width: 100%;}
.level li a { display: block;min-height: 168px;    position: relative;width: 100%;height: 100%;}
.level li a * {pointer-events: none;}

.level ul {list-style-type: none;padding: 0;display: flex;flex-wrap: wrap;margin-top: 10px;justify-content: flex-start;align-items: flex-start;flex-direction: row }
.level li {height: 168px;margin: 5px;position: relative;box-sizing: border-box;border: 1px solid #ddd;border-radius: 15px;overflow: hidden;box-shadow: 0 4px 30px rgba(0, 80, 179, .18);}
.level li:hover {box-shadow: 0 4px 20px rgba(253, 80, 6, 0.28);margin-top: 3px }

.level_num {position: absolute;top: 5px;left: 9px;font-size: 24px;font-weight: bold;color: #666666}
.level li:hover .level_num { color: #222 !important;}
.level_lock {position: absolute;top: 5px;right: 9px;font-size: 24px !important;font-weight: bold;color: #777;display: none}
.level li:not([lock=""]) .level_lock { display: inline-block; }
.level_done {position: absolute;top: 5px;right: 9px;font-size: 24px !important;font-weight: bold;color: #4D97FF;display: none}
.level_title {text-align: center;font-size: 16px;margin-top: 10px;}
.level_star {position: absolute;bottom: 15px;left: 16px;text-align: center;margin: 10px 0;}
.level_desc {position: absolute;bottom: 5px;left: 0;right: 0;text-align: center;font-size: 14px;font-weight: bold;color: #888;}
.level_desc { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.level li .level_img {position: absolute;left: 0;right: 0;display: block;width: 168px;height: 168px;background-color: #f9f9f9;opacity: .91;z-index: 0}
.level li .level_type {position: absolute;left: 0;right: 0;display: block;width: 168px;height: 168px;opacity: .51;z-index: 0; font-family: "iconfont" !important;text-align: center;line-height: 148px;font-size: 60px;color: #e90;}
.level .level_video::before { content: "\e888"; }
.level .level_game03::before { content: "\e618"; }
.level .level_game::before { content: "\e618"; }
.level .level_game01::before { content: "\e618"; }
.level .level_game02::before { content: "\e618"; }
.level .level_char::before { content: "\eb0e"; }
.level .level_sent::before { content: "\e7f4"; }
.level .level_zhuyin::before { content: "\e644"; }
.level .level_wordcn::before { content: "\e644"; }
.level .level_worden::before { content: "\e606"; }
.level .level_para::before { content: "\e83c"; }
.level .level_word::before { content: "\e606"; }
.level .level_plus::before { content: "\e603"; }
.level li .level_type_game, .level li .level_type_game01, .level li .level_type_game02, .level li .level_type_game03 {color: #76bcfa; }
.level li.level_type_video .level_type {color: #690; }
.level li img {display: block;margin: 0 auto;max-width: 80%;max-height: 80%;position: relative;z-index: 20}
.level li:hover .level_img { opacity: 1; }
.level li .stars {height: 90px;width: 140px;display: none}
.level li.passed .level_lock { display: none; }
.level li.passed .level_star { display: block; }
.level li.level_type_video .level_star { display: none !important; }
.level li.passed .level_done { display: block; }
/*.level li.passed .level_type { background: #e90; color: #ee8700;}*/
.level li {
  .stars {background-size: 143px 330px;background-image: url("/static/dazi/images/stars.png");height: 55px;

    &.stars-1 {background-position-y: 330px;}

    &.stars-2 {background-position-y: 275px;}

    &.stars-3 {background-position-y: 220px;}

    &.stars-4 {background-position-y: 165px;}

    &.stars-5 {background-position-y: 110px;}

    &.stars-p {background-position-y: 55px;}
  }
}
hr { color: #e6e6f5;z-index: -1;opacity: 0.3}
@media (min-width: 992px) {

}
@media (min-width: 1260px) {
  .level { width: 1260px;margin: 0 auto;}
}
@media (max-width: 768px) {
  .level { width: 100%;margin: 0 auto;}
}
/*price 页面*/
.pay_list { display: flex;width: 90%; margin: 10px auto;flex-direction: row;justify-content: space-evenly;margin-top: 20px;}
.pay_list li {list-style: none;display: flex;flex-direction: column; width: 235px;text-align: center;position: relative;cursor: pointer}
.pay_list li .line_box {min-height: 300px;padding-bottom: 50px;background-color: #fff;box-shadow: 0 0 32px rgba(60, 127, 208, 0.2);transition: all 0.3s ease; }
.pay_list li .line_box:hover {transform: translateY(-5px);}
.pay_list .line_tit {olor: #333;font-size: 22px; padding: 20px 10px;}
.pay_list .price {padding-top: 19px;display: block;color: #0f2047;font-size: 32px;}
.pay_list .price_sub {font-size: 14px;line-height: 25px;color: #FF7153;}
.pay_list .no-use {display: block;font-size: 12px;color: #999999;text-decoration: line-through;}
.pay_list .line_label {margin-bottom: 20px;width: 100%;display: block;position: relative;text-align: center;color: #0f2047;font-size: 18px;}
.pay_list .line_label:before {content: "";width: 35px;height: 2px;position: absolute;left: 0;top: 50%;transform: translate(0, -50%);background-color: #f5f9ff;}
.pay_list .line_item {display: block;margin-left: 37px;overflow: hidden;width: auto;height: 35px;line-height: 35px;color: #6c7082;font-size: 14px;text-align: left;}
.pay_list .line_item:before {content: "";position: relative;margin-right: 5px;top: -1px;display: inline-block;width: 8px;height: 8px;border-radius: 2px;background-color: #4b98f7;display: none}
.pay_list .line_item .iconfont { color: #4b98f7}
.pay_list .line_item > i {font-style: inherit;}
.pay_list  .padding { min-height: 103px;}
.pay_list .line_item .red {color: #ec785c;}
.pay_list .line_item .order {box-sizing: border-box;display: inline-block;width: 90px;height: 24px;border: 1px solid #D7DCE3;border-radius: 13px;position: relative;top: 6px;}
.pay_list .pay {cursor: pointer;position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -19px;display: block;width: 126px;color: #fff;font-size: 14px;text-align: center;line-height: 38px;height: 38px;border-radius: 19px;background: #4b98f7;transition: all 0.3s ease;;}
.pay_list .pay:hover {background-color: #3b8cef;}
.pay_list em { position: absolute;right: 0;bottom: 0px;height: 24px;width: 25px;background: url("images/select_icon.png");display: none}
.pay_list li.active em { display: block}
.pay_type { padding-left: 100px;margin-top: 30px;}
.pay_type .pay_icons {display: flex;flex-direction: row;justify-content: end;align-items: center;margin-right: 150px;}
.pay_type .pay_icons span { display: block;width: 260px; height: 60px; text-align: center;border: solid 1px #D0D0D0;vertical-align: center;margin-right: 50px;padding: 15px 30px;position: relative;cursor: pointer}
.pay_type .pay_icons span.active em { display: block}
.pay_type .pay_icons span em { position: absolute;right: 0;bottom: 0px;height: 24px;width: 25px;background: url("images/select_icon.png");display: none}
.pay_type .pay_icons a { background-color: #f44336; display: inline-block;white-space: nowrap;text-decoration: none;vertical-align: baseline;text-align: center;margin: 0;min-width: 164px;line-height: 36px;padding: 0 16px;outline: none;color: #ffffff;border: none !important;border-radius: 3px;margin-right: 0px;cursor: pointer;}
.pay_type .pay_icons button:hover {background-color: #dd1204;}

.lesson-banner {height: 252px;background-repeat: no-repeat;background-position: 50% 50%;background-size: contain}
.lesson-swiper {width: 100%;position: relative;padding: 10px 4px;box-sizing: border-box;display: flex;flex-direction: row;flex-wrap: wrap}
.lesson-types, .lesson-types > li a {display: flex;border-radius: 500px}
.lesson-types {padding: 10px;margin: 0;list-style: none;background: #eee;overflow: hidden;justify-content: space-between}
.lesson-item, .lesson-types > li a:hover {background: #fff}
.lesson-types > li a {padding: 0 20px;align-items: center}
.lesson-head {display: -webkit-flex;display: flex;margin: 10px 0;height: 34px;justify-content: space-between}
.lesson-head .title {display: -webkit-flex;display: flex}
.lesson-head .title h3 {font-weight: 600;font-size: 24px;height: 34px;line-height: 34px;color: #3e454d;margin-right: 12px}
.lesson-head .title p {font-size: 14px;color: #667280;-webkit-align-self: flex-end;align-self: flex-end;padding-bottom: 3px}
.lesson-item {width: 220px;height: 230px;display: block;box-shadow: 0 4px 30px rgba(0, 80, 179, .08);border-radius: 15px;font-family: PingFang SC, sans-serif;outline: 0;transition: box-shadow .3s;text-align: left;margin: 10px;}
.lesson-item:hover {box-shadow: 0 8px 30px rgba(0, 80, 179, .12);margin-top: 8px;}
.lesson-item .pic {display: block;margin: 0;padding: 0;border-radius: 15px 15px 0 0;width: 100%;height: 123px}
.lesson-item .content {padding: 8px 12px 16px;position: relative}
.lesson-item .title {height: 48px;margin-bottom: 8px;font-weight: 500;font-size: 16px;line-height: 24px;color: #3e454d;word-break: break-all;transition: color .3s;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.lesson-item .content .foot {display: flex;justify-content: space-between}
.lesson-bt { padding: 1px 7px; background: #f44336;color: #F5F5F5;border-radius: 10px;margin-right: 10px;}
.game-list .lesson-item { width: 30%}
.game-list .lesson-item .pic { height: auto}
.help_article .delimiteur-page {display: flex;flex-direction: row}
.help_article .delimiteur-page article { flex-grow: 1;flex-shrink: 0;}
.help_article {position: relative;color: #1f394e;line-height: 26px;background: #ffffff;padding: 20px;}
aside {flex-shrink: 0;width: 202px;margin-right: 16px;margin-bottom: 16px;border-right: 1px solid #EEEEEE}
aside figure span.conteneur-img img {max-width: 322px}
aside nav {position: sticky;top: 18px}
aside { margin-top: 20px;}
aside a {display: block;margin-bottom: 3px;padding: 5px;padding-top: 6px;padding-bottom: 4px;color: #55677a;border-radius: 3px}
aside a p {display: inline;margin: 0;padding: 0}
aside h3 {font-size: 24px}
aside  ul { line-height: 30px;}
aside  ul > li {font-size: 16px}
aside  ul > li > a {font-size: 16px}
aside  ul > li ul {padding: 0;list-style: none;padding-left: 18px}
aside  ul > li ul li {line-height: 28px}
aside  ul > li ul ul {padding-left: 18px}
aside  ul {padding: 0}
aside ul {list-style: none}
.help_article article { flex:1;padding: 10px 20px;}
.help_article article h1 { text-align: center;font-size: 20px;line-height: 40px;margin: 15px;}
.help_article article > * {max-width: 95%!important;}
.help_article article p img { max-width: 800px!important;}
.news_con table p { margin-bottom: unset}
aside ul > li > a.active { font-weight: bold;color: #dd3322}
@media (max-width: 728px) {
  aside {width: 100%;display: none}
  aside section {position: relative;overflow: hidden}
  .help_article .delimiteur-page {display: flex;flex-direction: column;}
  aside  ul { line-height: 20px;}
  .help_article { padding: 3px;}
}

.price_tabs { display: flex;flex-direction: row;justify-content: space-between;align-items: center}
.price_tabs .price_tab { width: 50%;background: #00A6EA;font-size: 20px;text-align: center;color: #ffffff;line-height: 60px;cursor: pointer;height: 60px;}
.price_tabs .price_tab.active { height: 60px;font-size: 25px;}
.price_tabs .price_tab:last-child { background: #FF9F00;}
.price_info { border:solid 3px  #00A6EA;display: none}
.price_info:last-child { border:solid 3px  #FF9F00;}
.price_info.active { display: block}
.level_list_nav { position: fixed;z-index: 9999; left: 10px;top: 150px;}
.level_list_nav ul {display: flex;flex-direction: column;max-width: 80px;background: #00A6EA;opacity: 0.5;border-radius: 3px;}
.level_list_nav ul li { list-style: none;display: block;line-height: 25px;padding: 0;margin: 0;color:#fff;}
.level_list_nav ul li a { font-size: 12px;line-height: 25px;color:#fff;}
.level_list_nav ul:hover {opacity: 0.9; }
.level_list_nav ul li:hover { background: #dd7b0b }

@media only screen and (max-width: 768.1px) {
  .loginbox .logined img { display: none}
  .index-banner .index-banner-left h1 { margin-top: 10px}

  .index-banner.index-top ul { display: block;margin: 10px auto}

  .index-banner .btn-box { display: block;margin: 10px auto}

  .index-banner .index-banner-right { width: 90%}

  .authors li { max-width: 45vw;width: 45%;margin-top: 10px}

  .authors li img { height: auto;width: 45vw;display: inline-block}

  #go-to-top {position: fixed; right: 20px;bottom: 70px;}

  .lesson-item { width: 42vw;height: 50vw;}

  .lesson-head .title h3 { padding-left: 12px;}

  .level_list_nav { display: none}

  .level ul {justify-content: space-evenly}
  .help_article article { padding: 3px 5px;}
  .help_article article h1 { font-size: 16px;}
  .help_article article p img { width: 90vw;margin: 5px auto;}
  .pay_list li { width: 90vw!important;}
  .pay_list { flex-direction: column}
  .pay_type { padding-left: 0px;margin-top: 30px;display: flex;flex-direction: column; align-items: center;}
  .pay_bt { margin-top: 10px;}
}