/* 视频主题/大图主题 */
.topvi {
  width: 100%;
  display: block;
  overflow: hidden;
}
.topvi img {
  width: 100%;
  height: 400px;
  border-radius: 3px;
  -o-object-fit: cover;
  object-fit: cover;
}
.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, 0.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;
}
.Jzzddimglis .vplay {
  margin: 12px 0 0 -22px;
}
.r_box li:hover .vplay {
  /* background-color: rgba(21, 21, 22, 0.7); */
  opacity: 0;
}
.topvii {
  position: relative;
  height: 400px;
}
.topmaximg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #222831;
  background: -o-linear-gradient(top, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.6));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(6, 6, 8, 0)), to(rgba(6, 6, 8, 0.6)));
  background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.6));
}
.topmaximg a {
  color: rgba(255, 255, 255, 0.8);
}
.topmaximg h1 {
  font-size: 26px;
  margin: 20px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.topmaximg .bloginfo {
  border: 0;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0;
}
.topviv {
  height: 595px;
}
.topviv iframe {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 768.1px) {
  .topvi img, .topvii {
    height: 300px;
  }
  .topmaximg h1 {
    font-size: 24px;
  }
  .topviv {
    height: 415px;
  }
}
@media only screen and (max-width: 479px) {
  .topvi img, .topvii {
    height: 200px;
	border-radius: 0;
  }
  .topmaximg {
    padding: 10px;
    text-align: left;
  }
  .topmaximg h1 {
    margin: 10px 0;
    font-size: 22px;
  }
  .topviv {
    height: 258px;
  }
}
@media only screen and (max-width: 376px) {
  .topviv {
    height: 203px;
  }
}
@media only screen and (max-width: 321px) {
  .topviv {
    height: 173px;
  }
}
/* 商品主题 */
.r_box .indextop ul {
  overflow: hidden;
  margin: 0 -8px;
  padding: 0 8px;
}
.r_box .indextop li {
  float: left;
  width: 31.57%;
  margin-bottom: 20px;
  padding: 0;
}
.r_box .indextop li {
  margin-right: 2.64%;
}
.r_box .indextop li:nth-child(3n+0) {
  margin-right: 0;
}
.r_box .indextop li .listtopimg {
  height: 180px;
  margin: 0 0 10px;
}
.r_box .indextop li .listtopimg img {
  height: 180px;
  border-radius: 0;
}
.r_box .indextop li h2 {
  margin: 15px 20px 0;
  height: 25px;
  line-height: 1.5;
  max-height: 25px;
  -webkit-line-clamp: 1;
}
.r_box .indextop li p {
  margin: 15px 20px 10px;
  height: 44px;
  -webkit-line-clamp: 2;
}
.r_box .indextop .postfoot {
  margin: 10px 20px 20px;
}
.indextop li .fenli {
  margin: 15px 20px 10px 20px;
}
.indextop li .fenli a {
  color: #fff;
  background-color: #f16b6f;
  font-size: 12px;
  display: inline-block;
  position: relative;
  padding: 2px 10px;
  border-radius: 10px;
}
.mainwbk {
  width: 100%;
}
.mainwbk .indextop li {
  width: 23.725%;
  margin-right: 1.7%;
}
.mainwbk .indextop li:nth-child(3n+0) {
  margin-right: 1.7%;
}
.mainwbk .indextop li:nth-child(4n+0) {
  margin-right: 0;
}
/* .mainwbk .indextop li .listtopimg, .mainwbk .indextop li .listtopimg img { */
/* height: 180px; */
/* } */
.r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
  height: 239px;
}
.mainwbk .indextop li h2 {
  height: 50px;
  max-height: 50px;
  -webkit-line-clamp: 2;
}
.mainwbk .indextop li p {
  height: 44px;
  -webkit-line-clamp: 2;
}
.mainwbk .pagelist {
  margin-top: 0;
}
.indextop li .Jzzddimg {
  position: absolute;
  height: 100%;
  z-index: -2;
}
.indextop li .Jzzddimg img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.Jzzddimglis:before {
  background: linear-gradient(to top, rgba(0, 0, 0, .4), transparent);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.Jzzddimglis, .Jzzddimglis h2 a, .Jzzddimglis .postfoot {
  color: #fff !important;
}
.r_box .indextop li.Jzzddimglis p {
  display: none;
}
.r_box .indextop li.Jzzddimglis h2 {
  height: 50px;
  max-height: 50px;
  -webkit-line-clamp: 2;
}
.r_box .indextop li.Jzzddimglis .listtopimg {
  height: 214px;
}
.shop {
  margin-top: 70px;
  text-align: center;
  border-radius: 0;
}
.shop img.shbg {
  border-radius: 0;
  -webkit-filter: blur(8px); /* Chrome, Opera */
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
  margin: -20px;
  width: calc(100% + 30px);
  height: 440px;
  opacity: 0.9;
}
.shop .topmaximg h1 {
  -webkit-line-clamp: 1;
  width: 1176px;
  margin: 30px auto;
  font-weight: bold;
}
.shop .topmaximg .bloginfo {
  display: inline-block;
  width: auto;
  margin: 0 auto 20px;
}
.shop .topmaximg {
  background: rgba(0, 0, 0, .3);
  height: 100%;
}
.shop .shrmb span, .shop .btn {
  margin: 0 3px;
}
.shop .shrmb i {
  font-size: 30px;
}
.shop .shrmb i.shvip {
  color: #fff028;
  font-weight: 600;
}
.shop .topmaximg p, .shrmb {
  width: 1176px;
  margin: 0 auto 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media only screen and (max-width: 1189.9px) {
  .shop .topmaximg p, .shrmb, .shop .topmaximg h1 {
    width: 96%;
  }
}
@media only screen and (max-width: 768.1px) {
  .shop {
    height: 350px;
    margin-top: 60px;
  }
  .shop .topmaximg p, .shrmb, .shop .topmaximg h1 {
    width: 100%;
  }
  .shop .topmaximg h1 {
    margin: 20px auto;
  }
  .shop .topmaximg p, .shrmb, .shop, .shop .topmaximg .bloginfo {
    margin-bottom: 15px;
  }
  .r_box .indextop .postfoot .f_r {
    display: none;
  }
  .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
    height: 180px;
    max-height: 180px;
  }
  .r_box .indextop li.Jzzddimglis .listtopimg {
    max-height: 214px;
  }
  .r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
    height: 239px;
    max-height: 239px;
  }
  .r_box .indextop li p {
    height: 44px;
    -webkit-line-clamp: 2;
  }
  .r_box .indextop li {
    width: 48.68%;
    margin-right: 2.64%;
  }
  .r_box .indextop li:nth-child(even) {
    margin-right: 0;
  }
  .r_box .indextop li:nth-child(odd) {
    margin-right: 2.64%;
  }
  .pagewbk {
    margin: 0 0 15px 0
  }
  li:hover .gx:after {
    -webkit-animation: none 0;
    animation: none 0;
  }
}
@media only screen and (max-width: 479px) {
  .shop {
    height: 310px;
  }
  .shop .topmaximg p, .shrmb, .shop, .shop .topmaximg .bloginfo {
    margin-bottom: 10px;
  }
  .shhodi, .shyj {
    display: none;
  }
  .r_box .indextop #post_list_box li {
    margin-bottom: 10px;
  }
  .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
    height: 140px;
    max-height: 140px;
  }
  .r_box .indextop li.Jzzddimglis .listtopimg {
    max-height: 114px;
  }
  .r_box .mainwbk .indextop li.Jzzddimglis .listtopimg {
    max-height: 140px;
  }
  .r_box .indextop li h2 {
    margin: 10px 10px 0;
  }
  .r_box .indextop li p {
    margin: 5px 10px;
    display: none;
  }
  .r_box .indextop .postfoot {
    margin: 5px 10px 10px;
  }
  .r_box .indextop .postfoot .f_l .author {
    display: none;
  }
  .indextop li .fenli {
    margin: 15px 10px 10px;
  }
}
@media only screen and (max-width: 321px) {
  .r_box .indextop #post_list_box li {
    width: 100%;
  }
  .r_box .indextop li .listtopimg, .r_box .indextop li .listtopimg img {
    height: 140px;
    max-height: 140px;
  }
  .r_box .indextop li p {
    margin: 10px;
    height: 22px;
    -webkit-line-clamp: 1;
  }
  .r_box .indextop .postfoot .f_l .author {
    display: inline-block;
  }
}
/* 右键 */
.rightmenu {
  z-index: 1;
  position: absolute;
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 4px 8px 0px rgba(0, 0, 0, 0.1);
  margin-top: -6px;
  border-radius: 4px;
  padding: 8px 0;
  display: block;
  max-width: 240px;
  overflow: hidden;
  background-color: #fff;
}
.rightmenu hr {
  margin-top: 8px;
  margin-bottom: 8px;
  box-sizing: content-box;
  height: 0;
  border: 0;
  border-radius: 1px;
  border-bottom: 1px solid rgba(68, 68, 68, .1);
}
.rightmenu li a {
  display: block;
  color: #696969;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 36px;
  padding: 0 20px 0 16px;
  text-overflow: ellipsis;
  margin: 0 4px;
  border-radius: 4px;
}
.rightmenu li a i {
  margin-right: 8px;
}
.rightmenu li a:hover {
  color: #034eff;
  background: rgba(68, 142, 246, 0.1);
}
.rightmenu li.navigation {
  display: flex;
  justify-content: space-between;
}
.rightmenu li.navigation a {
  padding: 0;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 4px;
  border-radius: 100px;
  position: relative;
}
.rightmenu li.navigation a i {
  margin: 0;
}
.rightmenu li.navigation a:first-child {
  margin-left: 10px;
}
.rightmenu li.navigation a:last-child {
  margin-right: 10px;
}
.rightmenu.left {
  right: 0;
}
.rightmenu.top {
  bottom: 0;
}
#rightmenu-wrapper {
  display: none;
  position: fixed;
  z-index: 2000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* 夜间模式 */
.night {
  background-color: #282b34;
  color: #cccdd0 !important;
  background-image: none;
}
.night .logo img {
  display: none;
}
.night .logo img.nightlogoimg {
  display: block;
}
.night #starlist a.selected, .night {
  color: #034eff !important;
}
.night a, .night #sidebar-mobile-user .card-info-data-item .length_num, .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, .night .jzcmslist li a h2, .night input, .night textarea, .night .news_about strong, .night .header-navigation, .night #starlist li:hover i.jzicon-arrow-down, .night #starlist li.selected .jzicon-arrow-down:before {
  color: #FEFFFD !important;
}
.night .sidebar .side-title {
  border-color: #3a3a3a;
}
.night .news_about {
  background-color: #151617;
  color: #FEFFFD;
  border-color: #3a3a3a;
}
.night .header-navigation, .night .r_box li, .night .l_box .sidebar, .night .infosbox, .night .related-list, .night .commen_pl, .night footer, .night .share-icons, .night .pagelist, .night .aboxd, .night .atopd, .night .jzcms1, .night .list-nav, .night .topbox li, .night .jzcmslist, .night .pageload .view-more-button, .night .pageload .page-load-status p, .night .topvi, .night .mochu_us_login_page, .night .specialbox li, .night .slider,.night .r_box li p ,.night table th{
  background-color: #21242b;
  color: #cccdd0;
  box-shadow: none;
}
.night .postfoot, .night .r_box .postfoot a,.night .bloginfo a, .night .bloginfo{
  color: #b1b1b1!important
}
.night .rightmenu {
  background-color: #000
}
.night .parallax > use:nth-child(4) {
  fill: #151617
}
.night .shop img.shbg {
  opacity: 0.1
}
.night .shop {
  background: #262626
}
.night .parallax > use:nth-child(1), .night .parallax > use:nth-child(2), .night .parallax > use:nth-child(3) {
  opacity: 0.3
}
.night #starlist.active, .night #starlist ul.sub-nav, .night .comment-dropdown {
  background-color: #1d1f20
}
.night #starlist {
  background-color: transparent
}
.night #starlist ul.sub-nav:before, .night .comment-dropdown:before {
  border-bottom-color: #1d1f20
}
.night .sidebar-mobile-user #sidebar-mobile-user a.avatar, .night .sidebar-mobile-user #sidebar-mobile-user .text h2, .night .sidebar-mobile-user #sidebar-mobile-user .card-info-data, .night .mobile-sidebar-author-action {
  background-color: #151617
}
@media only screen and (max-width: 768.1px) {
  .night .mobile-us li.navbar-item, .night .mobile-us.active li.navbar-item:hover {
    background-color: #151617 !important
  }
  .night #starlist.mobile-us ul.sub-nav {
    background-color: transparent !important
  }
  .night #starlist.mobile-us ul.sub-nav:before {
    border-bottom-color: transparent !important
  }
  .night #sidebar-mobile-user .avatar img {
    opacity: 1
  }
}
.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 .pagelist a, .night #font-tz a {
  background-color: #2e313a !important
}
.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, .night .r_box .list-navi li,.night table, .night table th, .night table td {
  border-color: #343742
}
.night textarea, .night #divSearchPanel form, .night .jz-comment-box, .night .post-share a, .night .share-icon, .night .b-nav-search_wrap {
  border: 0;
  background: #151617 !important;
  box-shadow: none
}
.night #divSearchPanel input[type="text"], .night #divCalendar thead, .night blockquote {
  background: #151617 !important
}
.night .layui-layer {
  background: #151617;
  color: #888 !important
}
.night .layui-layer button, .night .layui-layer-title {
  background: #0f0f0f !important;
  color: #888 !important
}
.night .layui-layer-title {
  border-color: #0f0f0f
}
.night .news_con .spread {
  background: linear-gradient(to bottom, rgba(38, 38, 38, 0), #262626 50%)
}