/*首页小工具美化CSS
Author: 源分享
Author URI: https://www.yfxw.cn/
*/

/*
 * ------------------------------------------------------------------------------
 * 案例展示小工具CSS
 * ------------------------------------------------------------------------------
 */
 /*标题*/
.box_tit span {
  font-size: 30px;
  text-align: center;
  color: #000;
  display: block;
}

/*副标题*/
.box_tit p {
  font-size: 18px;
  color: #666;
  display: block;
  text-align: center;
  margin-top: 12px;
  line-height: 170%;
}

.user_case {
  overflow: hidden;
  width: 1100px;
  padding: 15px 10px;
  margin: 0 auto;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*子项目*/
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide {
  /*
  webkit-flex-shrink: 0;
  -ms-flex: 0 auto;
  */
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-slide {
  width: 253.5px;
  background: rgb(255, 255, 255);
  height: 320px;
  text-align: center;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  margin-right: 22px;
}
.swiper-wrapper > * {
  box-sizing: border-box;
}

.swiper-slide .img {
    margin-top: 24px;
    margin-bottom: 25px
}
.user_case .swiper-slide .img img {
  width: 120px;
  height: 120px;
  background: #fff;
  border: 1px solid #f5f6f9;
  border-radius: 50%;
}
.user_case .swiper-slide .client-title {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  line-height: 25px;
}
.user_case .swiper-slide p {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding: 0 28px;
  margin-bottom: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
}

.user_case .swiper-slide .classify {
  padding: 0 8px;
  display: inline-block;
  height: 24px;
  line-height: 22px;
  border-radius: 2px;
  margin: 0 auto 2px;
  border: 1px solid #eee;
  font-size: 12px;
  font-weight: 400;
  color: #999;
  margin-bottom:15px;
}

.caseQrcode {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 20;
}


.swiper-slide .link {
  display: inline-block;
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #666;
  font-size: 14px;
  color: #666;
  margin-top: 0px;
  padding-top: 0px;
}

/*左边的按钮*/
.user_case .banner_prev {
  position: absolute;
  margin-top: -210px;
  left: 17%;
  z-index: 12;
  width: 60px;
  height: 60px;
  background: url(../images/case_left.png) no-repeat center;
  outline: 0;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.user_case .banner_next {
  position: absolute;
  margin-top: -210px;
  right: 17%;
  z-index: 12;
  width: 60px;
  height: 60px;
  background: url(../images/case_right.png) no-repeat center;
  outline: 0;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
@media (max-width: 767px){
    .ripro_v2-widget-case {
        display: none;
    }
}
/*
 * ------------------------------------------------------------------------------
 * 首页VIP介绍小工具CSS
 * ------------------------------------------------------------------------------
 */
 .van-home-homevip {
    padding: 100px 0;
    background-repeat: no-repeat;
}
@media screen and (max-width: 900px){
.van-home-homevip {
    padding: 40px 0;
}
}
@media (min-width: 960px){
.van-container {
    padding-left: 40px;
    padding-right: 40px;
}
}
@media (min-width: 640px){
.van-container {
    padding-left: 30px;
    padding-right: 30px;
}
}
.van-container {
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.van-container::before, .van-container::after {
    content: "";
    display: table;
}
.van-home-title {
    text-align: center;
    margin-bottom: 60px;
}
@media screen and (max-width: 900px){
.van-home-title {
    margin-bottom: 40px;
}
}
.van-home-title span {
    font-size: 28px;
    font-weight: bold;
    color: #0B1D30;
}
@media screen and (max-width: 900px){
.van-home-title span {
    font-size: 18px;
}
}
.van-home-title p {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
}
@media screen and (max-width: 900px){
.van-home-title p {
    font-size: 14px;
}
}

.van-container >:last-child {
    margin-bottom: 0;
}
.van-home-homevip2-box {
}
.van-grid-medium{
    margin-left: -30px;
}
.van-grid {
    margin-left: -20px;
}
.van-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 1200px){
.van-grid > * {
    padding-left: 20px;
}
}
[class*='van-width'] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
@media (min-width: 640px){
.van-width {
    width: 50%;
}
}

.van-grid-medium > * {
    padding-left: 30px;
}
.van-grid > * {
    padding-left: 20px;
}
.van-grid > * {
    margin: 0;
}

.van-grid > * >:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 900px){
.home-homevip2-boxmk {
    padding: 20px;
}
}
.home-homevip2-boxmk {
    padding: 30px;
}
.van-dongtai {
    transition: all .3s;
}
.van-background-default {
    background-color: #fff;
}
.van-flex {
    display: flex;
}
.van-flex-1 {
    flex: 1;
}

.home-homevip2-boxmk .title i {
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center;
}
@media screen and (max-width: 900px){
.home-homevip2-boxmk .title span {
    font-size: 20px;
}
}
.home-homevip2-boxmk .title span{
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333;
}

.home-homevip2-boxmk .i{
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54, 127, 255, 0.1);
    transition: box-shadow .2s;
}
.home-homevip2-boxmk .title p{
    padding-top: 15px;
}

.home-homevip2-boxmk:hover .i{
    box-shadow: 0 0 0 10px rgba(198, 209, 255, 0.45), 0 0 0 24px rgba(197, 209, 255, 0.22);
    border-radius: 100%;
}
.home-homevip2-boxmk .an{
    margin-top: 20px;
    height: 33px;
    line-height: 33px;
}
.home-homevip2-boxmk .an a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: #006fff;
}

@media screen and (max-width: 900px){
.home-homevip2-boxmk .an .jg {
    font-size: 20px;
}
}
.home-homevip2-boxmk .an .jg{
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.home-homevip2-boxmk .an .jg em{
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777;
}
em, cite, i {
    font-style: normal;
}
@media (max-width: 640px){
.van-width {
    margin-top: 20px;
}
.van-grid > * {
    padding-left: 0px;
}
}
/*引用iconfont*/

@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_1764854_gqjwxrn976p.eot?t=1594005442846'); /* IE9 */
  src: url('../fonts/font_1764854_gqjwxrn976p.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/4b4cbcc988fa42feb33aff7ff2846349.woff') format('woff2'),
  url('../fonts/font_1764854_gqjwxrn976p.woff') format('woff'),
  url('../fonts/font_1764854_gqjwxrn976p.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/font_1764854_gqjwxrn976p.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-credit-level:before {
    content: "\e757";
}
.icon-vip:before {
    content: "\e7ac";
}

/*
 * ------------------------------------------------------------------------------
 * 合作伙伴小工具CSS
 * ------------------------------------------------------------------------------
 */
  .tkm-cooper {}
    .tkm-cooper h3 {
        font-size: 24px;
        margin-bottom: 40px;
        text-align: center;
    }
    .tkm-cooper h3 b {
        display: inline-block;
        position: relative;
    }
    .tkm-cooper h3 b:after {
        content: "";
        width: 60px;
        height: 2px;
        position: absolute;
        background: linear-gradient(270deg,#61b1ff,#04f);
        bottom: -10px;
        left: 50%;
        margin-left: -30px;
    }
    .tkm-cooper .item {
        text-align: center;
        margin-bottom: 35px;
        height: 100px;
        background: #fff;
    }
    .tkm-cooper .item .item-logo {}
    .tkm-cooper .item .item-logo img {
        max-height: 100%;
    }
    .tkm-cooper .item:hover {
        box-shadow: 0 5px 15px 0 rgba(62,130,255,.13);
    }
@media (max-width: 767px){
    .tkm-cooper h3  {
        font-size: 18px;
    }
    .tkm-cooper .item {
        height: 60px;
        margin-bottom: 10px;
    }
}


/*
 * ------------------------------------------------------------------------------
 * 纯文章标题小工具CSS
 * ------------------------------------------------------------------------------
 */
 .post-cms-title-list .card {
    border: 0;
}
.post-cms-title-list .card .card-header {
    border-radius: 4px 4px 0 0!important;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    text-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    z-index: 1;
    border: 0;
}
.post-cms-title-list .card .card-header:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(0 0 0 / 30%);
    z-index: -1;
}
.post-cms-title-list .card-header a {
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
}
.post-cms-title-list .card-header .note {
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 1;
    width: 140px;
    height: 20px;
    background: #2c40a0;
    color: #fff;
    line-height: 20px;
    -webkit-transform: rotate(
45deg
);
    transform: rotate(
45deg
);
    text-align: center;
    font-size: 12px;
}
.post-cms-title-list .badge, .post-cms-title .badge {
    font-weight: 500;
}
.post-cms-title-list .meta-views {
    position: absolute;
    right: 1.25rem;
    font-size: 12px;
    color: #bdbdbd;
}
.post-cms-title-list ul>li {
    padding-right: 5em;
    border: 1px solid rgb(255 255 255 / 0%);
}
.post-cms-title-list ul li+li a>.badge {
    background-color: #6c757d;
}
.post-cms-title-list ul li+li:nth-child(3) a>.badge {
    background-color: #28a745;
}
.post-cms-title-list ul li+li:nth-child(2) a>.badge {
    background-color: #007bff;
}
.badge-danger {
    color: #fff;
    background-color: #ff5b5b;
}
/*
 * ------------------------------------------------------------------------------
 * 排行榜小工具CSS
 * ------------------------------------------------------------------------------
 */
.rizhuti_v2-widget-rank {
    margin-bottom: 20px;
}

.ranks-main {
    height: 620px;
}

@media (min-width: 768px) {
    .ranks-main {
        height: 650px;
    }
}

@media (max-width: 768px) {
    .reds-count-widget {
        display: none;
    }
}


@media (min-width: 768px) {
    .section-title1 {
        margin-bottom: 1px !important;
    }
}

.ranks-main .thumb,
.home-slide .thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.home-slide li a {
    display: block;
    width: 100%;
    height: 100%
}

.home-slide li .thumb {
    height: 100%;
    padding: 0;
    -webkit-background-size: contain;
    background-size: 1000px 610px;
    background-position: 50%;
    max-width: 1300px;
    margin: 0 auto
}

@media (min-width: 1330px) {
    .home-slide li .thumb {
        background-position: 0
    }
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.h-mark {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: relative;
    display: block;
    overflow: hidden
}

.h-mark:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .01)), to(#000));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .01), #000);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .01) 0, #000 100%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .01), #000);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.h-mark:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: .3
}

.h-scale {
    position: relative;
    display: block;
    overflow: hidden
}

.h-scale,
.h-scale .thumb,
.h-scale img {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.h-scale:hover .thumb,
.h-scale:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate-spin {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

li,
ul {
    margin: 0;
    padding: 0
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    margin: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

img,
input {
    margin: 0;
    padding: 0;
    border: 0;
    outline-style: none;
    vertical-align: middle
}

a,
a:active,
a:visited {
    text-decoration: none
}

.thumb,
a,
a:active,
a:visited {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}


.bl {
    border-bottom: 1px solid #f3f3f3
}

.show {
    visibility: visible;
    opacity: 1
}


.hide {
    visibility: hidden;
    opacity: 0
}

.hidden {
    display: none !important
}

.nav-inline li {
    display: inline
}

.content-loading {
    text-align: center;
    padding: 60px 0 80px;
    color: #ccc;
    font-size: 13px
}

.content-loading .loading-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em
}

.clr_orange {
    color: #ff7300;
    font-style: normal
}

.img-zoom {
    display: block;
    width: 100%;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.img-zoom img {
    display: block;
    margin: 0 auto
}

.img-zoom .thumb {
    display: none
}

@media (min-width: 1024px) {
    .img-zoom .thumb {
        display: block
    }

    .img-zoom img {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        width: 0;
        height: 0;
        transition: none
    }

    .img-zoom.zoom_in,
    .img-zoom img {
        -webkit-transition: none;
        -o-transition: none
    }

    .img-zoom.zoom_in {
        cursor: -webkit-zoom-out;
        cursor: -moz-zoom-out;
        cursor: zoom-out;
        overflow: visible;
        z-index: 25;
        text-align: center;
        transition: none
    }

    .img-zoom.zoom_in .thumb {
        background-position: top;
        -webkit-background-size: auto auto;
        background-size: auto;
        display: none
    }

    .img-zoom.zoom_in img {
        width: auto;
        height: auto;
        max-width: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}


.vitara_slide_in {
    width: 100%;
    position: relative;
    letter-spacing: 1.2px
}

.vitara_slide_in .slide_loading {
    background-position: 50%;
    background-repeat: no-repeat
}

.vitara_slide_in .vitara_slide {
    width: 100%;
    position: relative;
    overflow: hidden
}

.vitara_slide_in .vitara_slide ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.vitara_slide_in .vitara_slide ul li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    overflow: hidden
}

.vitara_slide_in .vitara_slide ul li.current {
    z-index: 2
}

.vitara_slide_in .vitara_slide ul li.finish,
.vitara_slide_in .vitara_slide ul li.ready {
    z-index: 1
}

.vitara_slide_in .vitara_slide ul li a {
    display: block;
    text-align: center
}

.vitara_slide_in .vitara_slide ul li img {
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    max-width: none;
    top: 0
}

.vitara_slide_in .vitara_slide ul li h3 {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    margin: 0;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 3px #525252;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3));
    background: -o-linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3));
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, .3)));
    background: linear-gradient(top, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, .3))
}

.vitara_slide_in .vitara_slide ul li h3 .label {
    background: #fff;
    color: #525252;
    margin-right: 10px;
    text-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #666;
    -moz-box-shadow: 0 1px 1px #666;
    -webkit-box-shadow: 0 1px 1px #666
}

.vitara_slide_in .slide_btn {
    display: none;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0
}

.vitara_slide_in .slide_btn i {
    padding: 20px 5px;
    background: #999;
    background: rgba(0, 0, 0, .1)
}

.vitara_slide_in .slide_btn i:before {
    content: "\e815"
}

.vitara_slide_in .slide_btn i.icon-left:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vitara_slide_in .slide_btn:hover i {
    background: #333;
    background: rgba(0, 0, 0, .3)
}

.vitara_slide_in .slide_prev {
    left: 0
}

.vitara_slide_in .slide_next {
    right: -.5px
}

.vitara_slide_in .extra {
    position: absolute;
    bottom: 0;
    z-index: 2;
    right: 15px
}

@media (min-width: 1330px) {
    .vitara_slide_in .extra {
        right: auto;
        left: 50%;
        margin-left: 200px
    }
}

.vitara_slide_in .extra ul {
    padding: 0;
    margin: 0;
    text-align: right;
    overflow: hidden
}

.vitara_slide_in .extra li {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    height: 8px;
    width: 8px;
    background: hsla(0, 0%, 100%, .5);
    margin: 0 0 5px 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.vitara_slide_in .extra li .num,
.vitara_slide_in .extra li .sign,
.vitara_slide_in .extra li img,
.vitara_slide_in .extra li span {
    display: none
}

.vitara_slide_in .extra li.current,
.vitara_slide_in .extra li:hover {
    background: #fff
}

.vitara_slide_in .extra li.current {
    height: 8px;
    width: 18px
}


.home-section-first-menus {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 110px;
    width: 260px;
    padding: 20px 40px 20px 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(55, 55, 55, .5);
    margin-left: 390px;
    display: none
}

@media (min-width: 1330px) {
    .home-section-first-menus {
        display: block
    }
}

.home-section-first-menus .main-menus .li {
    display: block;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-bottom: 8px
}

.home-section-first-menus .main-menus .li.show {
    background: hsla(0, 0%, 100%, .1)
}

.home-section-first-menus .main-menus .li.show .menu {
    color: #fff
}

.home-section-first-menus .main-menus .li.show .sub {
    visibility: visible;
    opacity: 1;
    right: 96%
}

.home-section-first-menus .main-menus .li:first-child .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0075ce), to(#46bbfe));
    background-image: -webkit-linear-gradient(top, #0075ce, #46bbfe);
    background-image: -o-linear-gradient(top, #0075ce 0, #46bbfe 100%);
    background-image: linear-gradient(180deg, #0075ce, #46bbfe)
}

.home-section-first-menus .main-menus .li:nth-child(2) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6b01), to(#ffa15f));
    background-image: -webkit-linear-gradient(top, #ff6b01, #ffa15f);
    background-image: -o-linear-gradient(top, #ff6b01 0, #ffa15f 100%);
    background-image: linear-gradient(180deg, #ff6b01, #ffa15f)
}

.home-section-first-menus .main-menus .li:nth-child(3) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#8803ff), to(#c17bff));
    background-image: -webkit-linear-gradient(top, #8803ff, #c17bff);
    background-image: -o-linear-gradient(top, #8803ff 0, #c17bff 100%);
    background-image: linear-gradient(180deg, #8803ff, #c17bff)
}

.home-section-first-menus .main-menus .li:nth-child(4) .menu i {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#676fb6), to(#8d99fd));
    background-image: -webkit-linear-gradient(top, #676fb6, #8d99fd);
    background-image: -o-linear-gradient(top, #676fb6 0, #8d99fd 100%);
    background-image: linear-gradient(180deg, #676fb6, #8d99fd)
}

.home-section-first-menus .main-menus .menu {
    display: block;
    padding: 10px 10px 10px 40px;
    color: hsla(0, 0%, 100%, .8);
    line-height: 32px;
    font-size: 14px
}

.home-section-first-menus .main-menus .menu i {
    font-size: 12px;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    text-align: center;
    margin-right: 15px;
    background: rgba(0, 0, 0, .08);
    -webkit-border-radius: 32px;
    border-radius: 32px
}

.home-section-first-menus .main-menus .sub {
    position: absolute;
    right: 110%;
    top: 0;
    bottom: 0;
    background: #fff;
    padding: 35px 30px;
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    visibility: hidden;
    width: 430px;
    overflow-y: auto
}

.home-section-first-menus .main-menus .sub h2 {
    color: #000;
    font-size: 16px;
    margin-bottom: 18px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 {
    margin: 0 -12px 18px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item {
    float: left;
    width: 50%;
    padding: 0 12px;
    margin-bottom: 24px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a {
    display: block;
    background: rgba(245, 245, 248, .97);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px 20px 12px 50px;
    position: relative
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover {
    background: #3385ff;
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .desc,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .icon-024,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .ithumb,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item a:hover .tit {
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .ithumb {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #3385ff;
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 18px
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit {
    font-size: 16px;
    color: #3c3c3c;
    display: block;
    font-weight: 400;
    height: 1.5em;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-023,
.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    font-size: 12px;
    color: #ffa300;
    vertical-align: bottom;
    margin-bottom: 3px;
    display: inline-block
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .tit .icon-024 {
    color: #ff2c58
}

.home-section-first-menus .main-menus .sub .sub-menus-1 .sub-item .desc {
    font-size: 12px;
    color: #bdbdbd;
    height: 1.5em;
    display: block;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 {
    margin: 0 -10px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item {
    float: left;
    width: 33.3333%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a {
    display: block;
    background: #f7fafa;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 36px;
    padding: 0 10px;
    font-size: 14px;
    color: #878990;
    white-space: nowrap;
    height: 36px;
    overflow: hidden
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a em {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #9199a1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    font-size: 12px;
    font-style: normal
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover {
    background: #3385ff;
    color: #fff
}

.home-section-first-menus .main-menus .sub .sub-menus-2 .item a:hover em {
    background: #fff;
    color: #3385ff
}


.home-section-division {
    background: #fff
}

@media (max-width: 767px) {
    .home-section-division .container {
        padding: 0
    }
}

.home-section-division .home-division {
    overflow: hidden
}

.home-section-division .home-division a {
    color: #525252;
    display: block;
    padding: 20px 0 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .home-section-division .home-division a {
        text-align: left;
        padding: 22px 10px 30px 50px
    }
}

@media (min-width: 1330px) {
    .home-section-division .home-division a {
        padding-right: 0;
        padding-left: 88px;
    }
}

.home-section-division .home-division a:hover .icon-inspiration-nav-1:before {
    content: "\e82c"
}

.home-section-division .home-division a:hover .icon-tool-nav-1:before {
    content: "\e82a"
}

.home-section-division .home-division a:hover .icon-course-nav-1:before {
    content: "\e82e"
}

.home-section-division .home-division ul {
    margin: 0 -14px;
    overflow: hidden
}

.home-section-division .home-division li {
    float: left;
    line-height: 1;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px
}

.home-section-division .home-division li h3 {
    font-size: 13px;
    line-height: 1;
    margin: 10px 0;
    color: #43484d;
    font-weight: 400
}

@media (min-width: 768px) {
    .home-section-division .home-division li h3 {
        font-size: 18px;
        font-weight: 700
    }
}

.home-section-division .home-division li h3 .go {
    background: #3385ff;
    display: none;
    line-height: 14px;
    padding: 2px 2px 2px 5px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    vertical-align: top
}

@media (min-width: 1024px) {
    .home-section-division .home-division li h3 .go {
        display: inline-block
    }
}

.home-section-division .home-division li h3 .go i {
    vertical-align: middle;
    margin: -2px 3px 0
}

.home-section-division .home-division li p {
    font-size: 13px;
    color: #9a9a9a;
    display: none
}

@media (min-width: 1024px) {
    .home-section-division .home-division li p {
        display: block
    }
}

.home-section-division .home-division li .item-thumb {
    font-size: 28px
}

@media (min-width: 768px) {
    .home-section-division .home-division li .item-thumb {
        position: absolute;
        left: 5px;
        top: 20px;
        font-size: 40px
    }
}

@media (min-width: 1330px) {
    .home-section-division .home-division li .item-thumb {
        top: 30px;
        left: 40px
    }
}

@media (min-width: 1024px) {
    .home-section-division .home-division li.li_4 .item {
        background: #f3f8ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #3385ff
    }

    .home-section-division .home-division li.li_4 .item .item-thumb,
    .home-section-division .home-division li.li_4 .item h3 {
        color: #3385ff
    }

    .home-section-division .home-division li.li_4 .item:hover {
        background: #3385ff;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        color: #fff
    }

    .home-section-division .home-division li.li_4 .item:hover h3,
    .home-section-division .home-division li.li_4 .item:hover i,
    .home-section-division .home-division li.li_4 .item:hover p {
        color: #fff
    }
}

.home-section-ranks {
    background: #fff
}

@media (min-width: 768px) {
    .home-section-ranks {
        background: #eaeef100;
        padding: 30px 0 0
    }
}

@media (min-width: 768px) {
    .home-section-ranks .section-title {
        margin-bottom: 22px
    }
}

.home-section-ranks .section-content {
    margin: 0 -15px
}


.home-section-ranks .ranks-content {
    background: #fff;
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-content {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding-left: 304px;
    }
}

.home-section-ranks .ranks-content .rank-results {
    margin: 0;
    padding: 30px 50px
}

@media (max-width: 767px) {
    .home-section-ranks .ranks-content .rank-results {
        margin: 0;
        padding: 15px
    }
}

@media (max-width: 767px) {
    .home-section-ranks .ranks-content .rank-results .items {
        margin: 0
    }
}

.home-section-ranks .ranks-content .rank-results .items .item {
    padding: 20px 0 0
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item {
        padding: 20px 30px 0
    }
}

.home-section-ranks .ranks-content .rank-results .items .item:after {
    height: 20px
}

.home-section-ranks .ranks-content .rank-results .items .item .item-num {
    width: 45px;
    line-height: 80px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-num {
        width: 60px
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-thumb {
    width: 120px
}

.home-section-ranks .ranks-content .rank-results .items .item .item-title {
    margin: 0;
    float: none
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-title {
        width: auto;
        margin-top: 0;
        margin-left: unset;
    }
}



@media (min-width: 1330px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-title {
        width: 140px;
        float: left;
        margin-top: 15px
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-cat {
    margin-top: 15px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-content .rank-results .items .item .item-cat {
        width: 160px;
        /*margin-right: 40px*/
    }

    .home-section-ranks .ranks-content .rank-results .items .item .item-author {
        width: 120px;
    }
}

.home-section-ranks .ranks-content .rank-results .items .item .item-views .un-hover {
    margin-top: -21px;
    display: block
}

.home-section-ranks .ranks-content .rank-results .items .item .item-views .hover {
    display: none
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-cat,
.home-section-ranks .ranks-content .rank-results .items .item .item-views {
    height: 1.5em
}

.home-section-ranks .ranks-content .rank-results .items .item .item-author,
.home-section-ranks .ranks-content .rank-results .items .item .item-views {
    display: none
}

@media (min-width: 768px) {

    .home-section-ranks .ranks-content .rank-results .items .item .item-author,
    .home-section-ranks .ranks-content .rank-results .items .item .item-views {
        display: block
    }
}

.home-section-ranks .ranks-bar {
    background-color: #feae18;
    background-image: url(../images/rank_vip.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    -webkit-background-size: 20% 20%;
    background-size: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 0;
    color: #fff
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar {
        padding: 40px 20px 0
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar {
        padding: 40px 0 0 44px;
        position: absolute;
        left: 0;
        top: 0;
        width: 304px;
        height: 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100%;
        background-position: bottom
    }
}

.home-section-ranks .ranks-bar .total {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar .total {
        margin-bottom: 28px;
        margin-top: 21px;
    }
}

.home-section-ranks .ranks-bar .total .total_num {
    font-size: 20px;
    font-style: normal
}

.home-section-ranks .ranks-bar ul li {
    display: inline-block
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul li {
        display: block;
        margin-bottom: 10px
    }
}

.home-section-ranks .ranks-bar ul a {
    display: block;
    color: #fff;
    font-size: 14px;
    padding: 10px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

@media (min-width: 768px) {
    .home-section-ranks .ranks-bar ul a {
        font-size: 16px;
        padding: 20px 24px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul a {
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }
}

@media (min-width: 1024px) {
    .home-section-ranks .ranks-bar ul a i {
        margin-right: 20px
    }
}

.home-section-ranks .ranks-bar ul a i,
.home-section-ranks .ranks-bar ul a span {
    display: none
}

@media (min-width: 768px) {

    .home-section-ranks .ranks-bar ul a i,
    .home-section-ranks .ranks-bar ul a span {
        display: inline
    }
}

.home-section-ranks .ranks-bar ul .current a {
    background: #fff;
    color: #feae18
}

.rank-results {
    background: #fff;
    padding: 15px;
    margin: 0 -15px 30px
}

@media (min-width: 768px) {
    .rank-results {
        -webkit-border-radius: 6px;
        border-radius: 6px;
        padding: 20px 50px 10px;
        margin: 0 0 30px
    }
}

.rank-results .rank-total {
    font-size: 14px;
    color: #adafb8;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .rank-results .rank-total {
        font-size: 16px;
        color: #3c3c3c
    }
}

.rank-results .rank-total em {
    font-style: normal;
    font-weight: 400;
    color: #3385ff
}

.rank-results .items {
    margin: 0 -50px
}

.rank-results .items .item {
    padding: 15px 50px 0;
    overflow: hidden;
    position: relative;
    font-size: 14px
}

@media (min-width: 768px) {
    .rank-results .items .item {
        padding-top: 40px
    }
}

.rank-results .items .item:hover {
    background: #f8fbff
}

.rank-results .items .item:hover .item-views .un-hover {
    display: none
}

.rank-results .items .item:hover .item-views .hover {
    display: block
}

.rank-results .items .item:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 15px;
    border-bottom: 1px dashed #f6f6f6
}

@media (min-width: 1024px) {
    .rank-results .items .item:after {
        height: 40px
    }
}

.rank-results .items .item:last-child:after {
    border-bottom: none
}

.rank-results .items .item.author-item .item-num {
    line-height: 90px
}

.rank-results .items .item .item-num {
    float: left;
    width: 45px;
    line-height: 80px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-num {
        width: 70px;
        line-height: 106px
    }
}

.rank-results .items .item .item-num .num {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ededed;
    color: #b3b3b3;
    font-size: 14px;
    font-family: ArialMT, Arial;
    text-align: center
}

.rank-results .items .item .item-num.num-1 .num,
.rank-results .items .item .item-num.num-2 .num,
.rank-results .items .item .item-num.num-3 .num {
    height: 36px;
    padding-top: 7px;
    line-height: 28px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    border-radius: 0
}

.rank-results .items .item .item-num.num-1 .num {
    background-image: url(../images/rank_one.png)
}

.rank-results .items .item .item-num.num-2 .num {
    background-image: url(../images/rank_two.png)
}

.rank-results .items .item .item-num.num-3 .num {
    background-image: url(../images/rank_three.png)
}

.rank-results .items .item .item-thumb {
    float: left;
    width: 120px;
    margin-right: 15px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-thumb {
        width: 160px;
        margin-right: 30px
    }
}

.rank-results .items .item .item-thumb .thumb {
    padding-top: 66.6875%;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.rank-results .items .item .item-thumb .thumb:hover {
    opacity: .8
}

.rank-results .items .item .item-title {
    overflow: hidden;
    float: none;
    margin-left: 180px;
    max-height: 3em
}

@media (min-width: 768px) {
    .rank-results .items .item .item-title {
        width: auto;
        margin-top: 15px;
        margin-right: 60px;
        float: none;
        line-height: 22px;
    }
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-title {
        margin-left: 0;
        margin-right: 100px;
        margin-top: 30px;
        width: 290px;
        float: left
    }
}

.rank-results .items .item .item-author,
.rank-results .items .item .item-cat {
    float: left;
    overflow: hidden;
    margin-top: 15px;
    white-space: nowrap
}

@media (min-width: 768px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-cat {
        height: 3em;
        margin-right: 50px;
        margin-top: 30px
    }
}

@media (min-width: 1024px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-cat {
        width: 150px;
        margin-right: 50px;
    }
}

.rank-results .items .item .item-author a,
.rank-results .items .item .item-cat a {
    color: #a5a8b1
}

.rank-results .items .item .item-author a:hover,
.rank-results .items .item .item-cat a:hover {
    color: #3385ff
}

.rank-results .items .item .item-author {
    margin-right: 0
}

.rank-results .items .item .item-views {
    float: right;
    width: 100px;
    color: #a5a8b1
}

.rank-results .items .item .item-views .un-hover {
    margin-top: 30px
}

.rank-results .items .item .item-views .un-hover em {
    font-style: normal;
    color: #ff7300
}

.rank-results .items .item .item-views .hover {
    display: none
}

.rank-results .items .item .item-views .hover .btn {
    height: 42px;
    line-height: 42px
}

.rank-results .items .item .item-views .hover .btn-blue {
    margin-bottom: 15px
}

.rank-results .items .item .item-views .hover .btn-blue:hover {
    color: #fff
}

.rank-results .items .item .item-views .hover .fav {
    border: 1px solid #3385ff;
    color: #3385ff
}

.rank-results .items .item .item-views .hover .fav:hover {
    background: #3385ff;
    color: #fff
}

.rank-results .items .item .item-views .hover .fav em {
    font-style: normal
}

.rank-results .items .item .item-avatar {
    float: left;
    width: 90px;
    margin-right: 10px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-avatar {
        margin-right: 30px
    }
}

.rank-results .items .item .item-avatar .thumb {
    padding-top: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.rank-results .items .item .item-user {
    margin-left: 150px
}

@media (min-width: 768px) {
    .rank-results .items .item .item-user {
        margin-left: 190px
    }
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user {
        float: left;
        width: 500px;
        margin-left: 0;
        margin-right: 150px
    }
}

.rank-results .items .item .item-user .user-name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px
}

.rank-results .items .item .item-user h3 {
    font-weight: 400;
    color: #8f8f8f;
    font-size: 14px;
    margin-bottom: 5px
}

.rank-results .items .item .item-user h3 a {
    color: #8f8f8f
}

.rank-results .items .item .item-user h3 a:hover {
    color: #3385ff
}

.rank-results .items .item .item-user-count {
    text-align: right;
    width: 100px;
    margin-top: 15px;
    display: none
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user-count {
        float: left;
        display: block
    }
}

.rank-results .items .item .item-user-count span {
    display: block;
    font-size: 14px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-count strong {
    font-size: 24px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-views {
    text-align: right;
    width: 190px;
    margin-top: 15px;
    display: none
}

@media (min-width: 1330px) {
    .rank-results .items .item .item-user-views {
        float: right;
        display: block
    }
}

.rank-results .items .item .item-user-views span {
    display: block;
    font-size: 14px;
    color: #a5a8b1
}

.rank-results .items .item .item-user-views strong {
    font-size: 24px;
    color: #ff7300
}

.rank-results .items .item .item-author,
.rank-results .items .item .item-views {
    display: none
}

@media (min-width: 768px) {

    .rank-results .items .item .item-author,
    .rank-results .items .item .item-views {
        display: block
    }
}

.section-more {
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .section-more {
        margin-bottom: 30px;
    }
}

.section-more .btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #9e9e9e;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    white-space: nowrap
}


.section-more .btn {
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px
}

.section-more .btn i {
    font-size: 12px;
    vertical-align: top;
    line-height: 50px;
    display: inline-block
}

.section-more .btn:hover {
    background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(right, #006eff, #13adff);
    background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%);
    background-image: linear-gradient(270deg, #006eff, #13adff)
}


[role=tablist] {
    border-bottom: 0 !important;
}

[role=tab][aria-selected=true] {
    outline: none;
    background: #fff !important;
    color: #feae18 !important;
}

[role=tab]:hover {
    background: #fff;
    color: #feae18 !important;
}

:focus {
    outline: none;
}

[role=tablist] {
    border-bottom: 1px solid #d3d3d3;
    list-style: none;
    margin: 0;
    padding: 0
}

[role=tablist] * {
    box-sizing: border-box
}

@media (min-width: 30em) {
    [role=tablist] li {
        display: inline-block
    }
}

[role=tab] {
    border: 0;
    border-top-color: #d3d3d3;
    display: block;
    padding: .5em 1em;
    text-decoration: none
}

@media (min-width: 30em) {
    [role=tab] {
        border-top-color: transparent;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        display: inline-block;
        margin-bottom: -1px
    }
}

[role=tab][aria-selected=true] {
    background-color: #d3d3d3
}

@media (min-width: 30em) {
    [role=tab][aria-selected=true] {
        border: 1px solid #d3d3d3;
        border-bottom-color: #fff
    }
}

[role=tab]:hover:not([aria-selected=true]) {
    background-color: #f7f7f7
}

@media (min-width: 30em) {
    [role=tab]:hover:not([aria-selected=true]) {
        border: 1px solid #d3d3d3
    }
}

[hidden] {
    display: none
}

.section-title {
    margin-bottom: 15px;
    position: relative
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 36px
    }
}

.section-title strong {
    font-size: 20px;
    overflow: hidden;
    margin: 0 -15px;
    padding: 15px;
    color: #3c3c3c;
    font-weight: 400
}

@media (min-width: 768px) {
    .section-title strong {
        font-size: 32px;
        margin: 0 30px 0 0;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        font-weight: 500
    }
}

.section-title .sub {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-bottom
}

@media (min-width: 768px) {
    .section-title .sub {
        font-size: 14px
    }
}

.section-title .sub a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    margin: 0 8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #8f8f8f;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 1024px) {
    .section-title .sub a {
        margin: 0 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

.section-title .sub a:hover {
    color: #3385ff
}

.section-title .sub a.current {
    color: #fff;
    background: #3385ff;
    border-color: #3385ff
}

.section-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    color: #adafb8
}

.section-title .more em {
    font-style: normal;
    color: #3385ff
}

.section-title .more:hover {
    color: #3385ff
}

.do_header_fixed.do_header_fixed_show .header {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.nav-opacity .site-navbar .sub-menu ul {
    background-color: #fff !important;
}

.nav-opacity .site-navbar .sub-menu li a {
    color: #000 !important
}

.nav-opacity .site-navbar>ul>li>a {
    color: #fff
}

.nav-opacity .wel-navs .search-btn i,
.nav-opacity .site-navbar>ul>li>a,
.nav-opacity .wel-navs .avatar_a {
    color: #ffffff !important;
}

.nav-opacity .site-navbar li.has-sub-menu>a::after {
    border-top: 4px solid #ffffff;
}

@media (max-width: 767px) {
    .home-slide li .thumb {
        background-size: contain;
    }
}

@media (max-width: 1024px) {
    .home-slider2.pt-5 {
        padding-top: 0rem !important;
    }
}
.section-more {
    padding-top: 1ex;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .section-more {
        margin-bottom: 30px;
    }
}

.section-more .btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: unset;
    border-radius: 3px;
    color: #9e9e9e;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    white-space: nowrap
}

@media (min-width: 768px) {
    .section-more .btn {
        color: #ffffff;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-size: 16px
    }

    .section-more .btn i {
        font-size: 12px;
        vertical-align: top;
        line-height: 50px;
        display: inline-block
    }

    .section-more .btn:hover {
        background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(right, #006eff, #13adff);
        background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%);
        background-image: linear-gradient(270deg, #006eff, #13adff)
    }
}

.section-title {
    margin-bottom: 15px;
    position: relative
}

@media (min-width: 768px) {
    .section-title {
        margin-bottom: 36px
    }
}

.section-title strong {
    display: block;
    font-size: 20px;
    overflow: hidden;
    background: #f5f9fc;
    margin: 0 -15px;
    padding: 15px;
    color: #3c3c3c;
    font-weight: 400
}

@media (min-width: 768px) {
    .section-title strong {
        font-size: 32px;
        margin: 0 30px 0 0;
        padding: 0;
        background: rgba(0, 0, 0, 0);
        font-weight: 500
    }
}

.section-title .sub {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    vertical-align: text-bottom
}

@media (min-width: 768px) {
    .section-title .sub {
        font-size: 14px
    }
}

.section-title .sub a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 9px;
    margin: 0 8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: #8f8f8f;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (min-width: 1024px) {
    .section-title .sub a {
        margin: 0 10px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }
}

.section-title .sub a:hover {
    color: #3385ff
}

.section-title .sub a.current {
    color: #fff;
    background: #3385ff;
    border-color: #3385ff
}

.section-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    color: #adafb8
}

.section-title .more em {
    font-style: normal;
    color: #3385ff
}

.section-title .more:hover {
    color: #3385ff
}
/*
 * ------------------------------------------------------------------------------
 * 网站统计小工具CSS
 * ------------------------------------------------------------------------------
 */
 .van-statistics-widget {
    background: #fff;
    padding: 0 ;
    margin-top: 30px;
}
.van-statistics-widget>.container {
    max-width: none !important;
    padding: 0 !important;
}
.van-statistics-widget>.container>.module.parallax {
    display: flex;
    min-height: 385px;
    position: relative;
    text-align: center;
}
.van-statistics-widget>.container>.module.parallax .container {
    margin: auto;
    padding-bottom: 60px;
    padding-top: 60px;
}

.van-statistics-widget>.container>.module.parallax:before {
    content: '';
    background-image: url(../images/statistics_pattern.png);
    height: 100%;
    width: 100%;
    opacity: 0.5;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}
.van-statistics-widget>.container>.module.parallax img {
    height: 113%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.van-statistics-widget>.container>.module.parallax .container {
    margin: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}

.van-statistics-widget>.container>.module.parallax .entry-title {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
    position: relative;
    margin-top: 30px;
}

.van-statistics-widget>.container>.module.parallax .button,
.van-statistics-widget>.container>.module.parallax input[type="submit"],
.van-statistics-widget>.container>.module.parallax button[type="submit"],
.van-statistics-widget>.container>.module.parallax .navigation .nav-previous a,
.van-statistics-widget>.container>.module.parallax .navigation .nav-next a {
    margin: 30px 5px 0;
    position: relative;
    z-index: 60;
    background-color: #34495e;
}


.mobanweb .data-items {
    font-size: 0;
    min-height: 85px;
    margin: 30px 0;
}

.mobanweb li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.mobanweb li i {
    display: inline-block;
    height: 25px;
    color: #fff;
    transition: 0.3s;
    font-size: 18px;
    margin-top: 20px;
}

.mobanweb li strong {
    display: block;
    line-height: 48px;
    font-size: 36px;
    color: #fff;
    position: relative;
    transition: 0.3s;
    font-weight: 500;
}

.mobanweb li span {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    transition: 0.3s;
}

.mobanweb li strong::after {
    content: '+';
    font-size: 18px;
    position: absolute;
    line-height: 1;
    padding-left: 3px;
    opacity: 0;
    transition: 0.3s;
}

.mobanweb li strong.active::after {
    opacity: 1;
}

.mobanweb li:hover i {
    color: #ec2546;
    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.mobanweb li:hover strong {

    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.mobanweb li:hover span {

    transform: translate(0, -3px);
    text-shadow: 3px 5px 10px #1716166b;
}

.van-statistics-widget>.container>.module.parallax .container {
    padding-top: 1px;
    padding-bottom: 38px;
}

a.button.transparent.go_pay_vip_box {
    color: #1e1e1e;
    background: linear-gradient(50deg, #FFAB00 0, #fff800 100%) !important;
    box-shadow: 4px 3px 16px 0px #ffc1072e;
}

.footer-widget .widget--newsletter button {
    color: #0056ff;
}

.van-statistics-widget>.container>.module.parallax .button,
.van-statistics-widget>.container>.module.parallax input[type="submit"],
.van-statistics-widget>.container>.module.parallax button[type="submit"],
.van-statistics-widget>.container>.module.parallax .navigation .nav-previous a,
.navigation .nav-next a {
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Lato, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1;
    outline: none;
    padding: 12px 20px;
    text-align: center;
    background-color: #34495e;
}

.van-statistics-widget>.container>.module.parallax .button,
.van-statistics-widget>.container>.module.parallax input[type="submit"],
.van-statistics-widget>.container>.module.parallax button[type="submit"],
.van-statistics-widget>.container>.module.parallax .navigation .nav-previous a,
.van-statistics-widget>.container>.module.parallax .navigation .nav-next a {
    margin: 30px 5px 0;
    position: relative;
    z-index: 60;
    background-color: #34495e;
}

.button,
input[type="submit"] {
    background: linear-gradient(-125deg, #0295f9 0%, #2f49fd 100%);
    box-shadow: 0 3px 10px -1px #2c63ff !important;
    color: #FFF;
}

.van-statistics-widget>.container>.module.parallax .button,
.van-statistics-widget>.container>.module.parallax input[type="submit"],
.van-statistics-widget>.container>.module.parallax button[type="submit"],
.van-statistics-widget>.container>.module.parallax .navigation .nav-previous a,
.van-statistics-widget>.container>.module.parallax .navigation .nav-next a {
    width: 200px;
}

@media (max-width: 900px) {
    /*.van-statistics-widget>.container>.module.parallax>.container:not(:first-child){*/
    /*    display: none;*/
    /*}*/
  .van-statistics-widget {
    margin-top: 0px;
    margin-bottom: -6.5%;
}
.mobanweb .data-items {
    font-size: unset;
}
.mobanweb li {
    display: inline-block;
    vertical-align: top;
    width: unset;
    margin-left: 15px;
}
    .van-statistics-widget>.container>.module.parallax {
    display: flex;
     min-height: 243px; 
    position: relative;
    text-align: center;
}
.mobanweb li strong {
    font-size: 15px;
}
.van-statistics-widget>.container>.module.parallax .button, .van-statistics-widget>.container>.module.parallax input[type="submit"], .van-statistics-widget>.container>.module.parallax button[type="submit"], .van-statistics-widget>.container>.module.parallax .navigation .nav-previous a, .van-statistics-widget>.container>.module.parallax .navigation .nav-next a {
    width: 180px;
}
.mobanweb li i {
    position: relative;
}
.mobanweb li span {

    position: relative;
}
}
@media (max-width: 445px) {
 .mobanweb li {
     margin-left: 10px; 
}
.van-statistics-widget>.container>.module.parallax .button, .van-statistics-widget>.container>.module.parallax input[type="submit"], .van-statistics-widget>.container>.module.parallax button[type="submit"], .van-statistics-widget>.container>.module.parallax .navigation .nav-previous a, .van-statistics-widget>.container>.module.parallax .navigation .nav-next a {
    width: 160px;
}
.mobanweb li i {
    position: relative;
}
.mobanweb li span {

    position: relative;
}
}

/*
 * ------------------------------------------------------------------------------
 * 三栏轮播小工具CSS
 * ------------------------------------------------------------------------------
 */
 @media (max-width: 991.98px) {
    .home-slider2 .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/**
             * Owl Carousel v2.3.4
             * Copyright 2013-2018 David Deutsch
             * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
             */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    left: 0;
    position: absolute;
    right: 0;
    bottom: 0;
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
    margin-bottom: 10px;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #007afb
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 30px;
}

/*/////////////////缩略图////////////////*/
.lazyload:not(.visible),
.lazyloading:not(.visible) {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

/*///////////home owl////////////*/
.home-owl .slider {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    height: 400px;
    position: relative;
}

.home-owl .slider .u-permalink {
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
}

.home-slider {}

.home-slider .form-control {
    background: rgba(255, 255, 255, 0);
}

.home-slider .form-control:focus {
    box-shadow: unset;
}

.rounded-xl {
    border-radius: 10rem;
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}

.search-bar {
    border-radius: 10rem;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 1rem rgba(0, 0, 0, .15)
}

.search-bar .form-group {
    position: relative;
    margin-bottom: 0
}

.search-bar .form-group:after {
    display: block;
    width: 1px;
    height: 60%;
    content: "";
    background: #ddd;
    position: absolute;
    top: 20%;
    right: 0
}

.search-bar .form-group.no-divider:after,
.search-bar .form-group:last-of-type:after {
    display: none
}

.search-bar .form-control {
    height: calc(1.5em + 1rem + 2px)
}

.search-bar .input-label-absolute-right .label-absolute {
    right: 0
}

.search-bar.search-bar-with-tabs {
    border-radius: .4rem
}

@media (max-width: 991.98px) {
    .search-bar {
        border-radius: 20px
    }

    .search-bar .form-group {
        margin-bottom: 1rem
    }

    .search-bar .form-group:after {
        display: block;
        width: calc(100% - 4rem);
        height: 1px;
        content: "";
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #dee2e6;
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%
    }

    .search-bar .form-control {
        height: calc(1.6em + .75rem + 2px);
        padding: 10px 20px
    }

    .search-bar .input-label-absolute-right .label-absolute {
        right: 1rem
    }

    .search-bar .bootstrap-select {
        display: block !important;
        width: 100% !important;
        padding: 0
    }

    .search-bar .bootstrap-select button {
        display: block;
        width: 100% !important;
        padding: 10px 20px
    }
}

@media (max-width: 1024px) {
    .home-owl .slider {
        height: 300px !important;
    }
}

@media (max-width: 768px) {
    .home-owl .slider {
        height: 180px !important;
    }
}

/*/////.home-slider2/////////*/
.home-slider2 {
    position: relative;
    background-color: rgb(240, 244, 245) !important;
}

.home-slider2 .pr--3 {
    padding-right: 1rem;
}

.home-slider2 .home-owl {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.home-slider2 .home-owl .slider {
    height: 400px;
}

.home-slider2 .home-owl .slider .u-permalink {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.01)), to(#000));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0, #000 100%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.home-slider2 .home-owl .slider:hover .u-permalink {
    opacity: .3;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.home-slider2 .home-owl .title {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 3px #525252;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3));
}

.home-slider2 .tuwen {
    height: 400px;
}

.home-slider2 .tuwen .item {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.home-slider2 .tuwen .item:first-child {
    margin-bottom: 1rem;
}

.home-slider2 .tuwen .item a {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}

.home-slider2 .tuwen .item a::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    content: '';
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.01)), to(#000));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0, #000 100%);
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.home-slider2 .tuwen .item a:hover::after {
    visibility: visible;
    opacity: .3;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.home-slider2 .tuwen .item a>i {
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 4px;
    overflow: hidden;
}

.home-slider2 .tuwen .item a>strong {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding: .4em .8em .6em;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
    color: #fff;
    letter-spacing: .5px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.6)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0);
    background-repeat: repeat-x;
    box-shadow: 0 -7px 15px rgba(0, 0, 0, 0.2);
}

.home-slider2 .owl-nav {
    position: unset;
    z-index: 99;
    cursor: pointer;
    left: unset;
    right: unset;
    bottom: unset;
    margin: 0;
}

.home-slider2 .owl-nav .owl-prev,
.home-slider2 .owl-nav .owl-next {
    background-color: #34495e;
    color: #fff;
    font-size: 17px;
    height: 60px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: calc(50% - 30px);
    width: 30px;
    margin: 0;
}

.home-slider2 .owl-nav .owl-prev {
    visibility: hidden;
    left: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0 4px 4px 0;
}

.home-slider2 .owl-nav .owl-next {
    visibility: hidden;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px 0 0 4px;
}

.home-slider2 .home-owl:hover .owl-nav .owl-prev,
.home-slider2 .home-owl:hover .owl-nav .owl-next {
    visibility: visible;
}

.home-slider2 .owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.2);
}

.home-slider2 .owl-theme .owl-dots,
.home-slider2 .owl-theme .owl-nav {
    left: unset;
    right: 10px;
    bottom: 5px;
    top: unset;
}

.home-division2 {
    position: relative;
}

.home-division2 .item {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    transition: all .2s ease-out;
    height: 0;
    padding-bottom: 56.8%;
}

.home-division2 .item:hover {
    transform: translateY(3px);
}

.home-division2 .item i {
    display: block;
    height: 100%;
    background-size: cover;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.home-division2 .item h5 {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), to(transparent));
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    margin: 0;
    text-align: left;
    font-weight: bold;
}

@media (max-width: 992px) {
    .rizhuti_v2-module-three-carousel .col-lg-3{
        margin-bottom: 100px;
    }
    .home-slider2 .home-owl .title {
        font-size: 13px;
        font-weight: normal;
    }

    .home-slider2 .tuwen .item a>strong {
        font-size: 12px;
        font-weight: normal;
    }

    .home-slider2 .pr--3 {
        padding-right: 0;
    }

    .home-slider2 .tuwen {
        height: 100px;
        margin-right: -7px;
        margin-left: -7px;
        margin-top: 10px;
    }

    .home-slider2 .tuwen .item {
        padding-right: 7px;
        padding-left: 7px;
        height: 170px;
    }

    .home-slider2 .tuwen .item:first-child {
        margin-bottom: 0;
    }

    .home-division2 .item h5 {
        font-size: 13px;
        font-weight: normal;
    }
}
@media (max-width: 768px){
    .home-slider2 .tuwen .item {
        height: unset;
    }
    .rizhuti_v2-module-three-carousel .col-lg-3 {
    margin-bottom: unset;
}
}
.home-slider2 .owl-nav .owl-prev i,
.home-slider2 .owl-nav .owl-next i {
    padding: 18px 5px;
    font-size: 25px;
}

/*
 * ------------------------------------------------------------------------------
 * 首页4格小工具CSS
 * ------------------------------------------------------------------------------
 */



.container:before,
.container:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both
}

.container .col-1-3,
.container .col-2-3,
.container .col-1-4,
.container .col-2-4,
.container .col-3-4 {
    float: left;
    box-sizing: border-box;
    padding: 0 7.3333px;
    width: 100%
}

@media (min-width: 768px) {
    .container .col-1-3 {
        width: 33.3333%
    }
}

@media (min-width: 768px) {
    .container .col-2-3 {
        width: 66.6667%
    }
}

@media (min-width: 768px) {
    .container .col-1-4 {
        width: 50%
    }
}

@media (min-width: 1024px) {
    .container .col-1-4 {
        width: 25%
    }
}

@media (min-width: 768px) {
    .container .col-2-4 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .container .col-2-4 {
        width: 50%;
        padding-right: 8px
    }
}

@media (min-width: 768px) {
    .container .col-3-4 {
        width: 100%
    }
}

@media (min-width: 1024px) {
    .container .col-3-4 {
        width: 75%;
        padding-right: 8.6666px
    }
}

.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

@media (min-width: 1024px) {
    .content {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    }
}

.content .main {
    flex-grow: 1;
    box-sizing: border-box;
    width: 100%;
    flex-shrink: 1;
    padding-bottom: 1px;
    margin-bottom: 15px
}

.content .main::after {
    content: '';
    display: block;
    margin: 0 -15px;
    height: 0;
    border-bottom: 15px solid #f2f2f2
}

@media (min-width: 768px) {
    .content .main::after {
        display: none
    }
}

@media (min-width: 1024px) {
    .content .main {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 46px
    }
}

.content .sidebar {
    flex-grow: 0
}

@media (min-width: 1024px) {
    .content .sidebar {
        width: 280px;
        flex-shrink: 0
    }
}

@media (min-width: 1330px) {
    .content .sidebar {
        width: 314px
    }
}

.hf-widget {
    padding: 14px 17px 0;
    box-sizing: border-box;
    margin-bottom: 15px;
    background: #fff
}

@media (min-width: 768px) {
    .hf-widget {
        height: 135px;
        overflow: hidden
    }
}

@media (min-width: 1024px) {
    .hf-widget {
        margin-bottom: 0
    }
}

.hf-widget [class*=" icon-"]:before,
.hf-widget [class^="icon-"]:before {
    margin: 0
}

.hf-widget .hf-widget-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 1px;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 10px;
    margin-bottom: 14px;
    color: #383838
}

.hf-widget .hf-widget-title a {
    color: #383838
}

.hf-widget .hf-widget-title>i {
    color: #448aff;
    margin-right: 2px
}

.hf-widget .hf-widget-title span {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
    line-height: 20px;
    margin-left: 10px
}

@media (min-width: 1024px) {
    .hf-widget .hf-widget-title span {
        display: none
    }
}

@media (min-width: 1330px) {
    .hf-widget .hf-widget-title span {
        display: inline
    }
}

.hf-widget .hf-widget-title .pages {
    float: right;
    padding-top: 2px
}

.hf-widget .hf-widget-title .pages .prev,
.hf-widget .hf-widget-title .pages .next {
    font-size: 9px;
    border: 1px solid #eee;
    float: left;
    margin: 0;
    color: #ccc;
    height: 16px;
    line-height: 15px;
    padding: 0 2px;
    cursor: pointer
}

.hf-widget .hf-widget-title .pages .prev:hover,
.hf-widget .hf-widget-title .pages .next:hover {
    color: #ff5c00
}

.hf-widget .hf-widget-title .pages .prev {
    border-right: none
}

.hf-widget .hf-tags {
    margin-bottom: -10px
}

@media (min-width: 768px) {
    .hf-widget .hf-tags {
        height: 64px;
        overflow: hidden
    }
}

.hf-widget .hf-tags a {
    display: inline-block;
    white-space: nowrap;
    word-break: break-all;
    font-size: 12px;
    background: #f9f9f9;
    color: #888;
    border-radius: 2px;
    margin: 0 5px 10px;
    line-height: 22px;
    height: 22px;
    padding: 0 5px
}

.hf-widget .hf-tags a:hover {
    background: #ff5c00;
    color: #fff
}

.hf-widget .hf-tags a.style_orange {
    background: #448aff;
    color: #fff;
}

.hf-widget-4 .hf-widget-title {
    margin-bottom: 19px
}

.hf-widget-4 .hf-widget-content {
    font-size: 14px;
    color: #888
}

.hf-widget-4 .hf-widget-content a {
    color: #888
}

.hf-widget-4 .hf-widget-content a:hover {
    color: #ff5c00
}

.hf-widget-4 .hf-widget-content h3 {
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    height: 22px;
    overflow: hidden
}

.hf-widget-4 .hf-widget-content em {
    float: right;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    background: #fff5ef;
    color: #ff5c00;
    font-size: 12px;
    font-style: normal
}

.hf-widget-4 .hf-widget-content ul {
    background: #fff
}

.hf-widget-4 .hf-widget-content ul li {
    margin-bottom: 5px
}

.hf-widget-4 .hf-widget-content ul li:last-child {
    margin-bottom: 0
}

.hf-widget-1 .hf-widget-content a {
    color: #888
}

.hf-widget-1 .hf-widget-content a:hover {
    color: #ff5c00
}

.hf-widget-1 .hf-widget-content li {
    float: left;
    font-size: 12px;
    width: 25%;
    box-sizing: border-box;
    text-align: center;
    padding: 0 10px
}

.hf-widget-1 .hf-widget-content li .thumb {
    width: 36px;
    margin: 0 auto 4px
}

.hf-widget-1 .hf-widget-content li span {
    display: block;
    height: 16px;
    line-height: 16px;
    overflow: hidden
}

.hf-widget-1 .hf-widget-content .scroll-h {
    margin: 0 -10px
}

.scroll-h {
    position: relative;
    overflow: hidden;
    height: 56px
}

.scroll-h ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    *zoom: 1;
    transition: all .2s
}

.scroll-h ul:before,
.scroll-h ul:after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both
}

.scroll-h .holdon {
    position: absolute;
    left: 100%;
    top: 0
}

.scroll-h .holdon-prev {
    left: -100%
}

.hf-widget-hot-cats .icon {
    font-size: 20px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background: #e8fbff;
    color: #448aff;
    display: inline-block;
    margin-bottom: 5px
}

.hf-widget-hot-cats .scroll-h li a {
    display: block
}

.hf-widget-hot-cats .scroll-h li a:hover .icon {
    background: #ff5c00;
    color: #fff
}

.hide_sm .row li {
    display: block !important;
}

@media (max-width: 992px) {
    .col-lg-9 {
        padding-left: 8px !important;
    }
}
@media screen and (max-width: 767px) {
.ripro_v2-module-four-grid .col-1-4 {
    width: 50%;
}
.hf-widget .hf-tags {
    height: 60px;
    overflow: hidden;
}
}
/*
 * ------------------------------------------------------------------------------
 * 首页文档小工具CSS
------------------------------------------------------------------
 */

.van-home-file {
    padding: 25px 0;
}
.van-grid-ceosmls, .van-grid-column-ceosmls {
    margin-left: -20px;
}

.van-grid {
    margin-left: -20px;
}
.van-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 1200px){
    .van-grid {
    margin-left: -20px;
}
}
@media (min-width: 640px){
    .van-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
}
}

.van-grid-ceosmls > *, .van-grid-column-ceosmls > * {
    padding-left: 20px;
}
@media (min-width: 1200px){
   .van-grid > * {
    padding-left: 20px;
} 
}

.van-grid > * {
    padding-left: 20px;
}
.van-home-file-boxtop a {
    display: block;
    font-size: 24px;
    color: #fff;
}
.van-home-file-boxmk {
    padding: 20px;
}
.van-background-default {
    background-color: #fff;
}
.van-home-file-boxtop {
    height: 180px;
}
.van-flex-middle {
    align-items: center;
}
.van-flex-center {
    justify-content: center;
}
.van-flex {
    display: flex;
}
.van-panel {
    position: relative;
    box-sizing: border-box;
}
.van-background-cover {
    background-size: cover;
}
.van-background-cover, .van-background-contain {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.van-home-file-boxmk li {
    margin-top: 20px;
}
.van-flex {
    display: flex;
}
.van-home-file-boxmk li a {
    color: #888;
    font-size: 14px;
}
.van-home-file-boxmk li{
    list-style-type:none;
}
.van-flex-1 {
    flex: 1;
}
.van-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.van-home-file-boxmk li a:before {
    content: "";
    display: inline-block;
    vertical-align: 1px;
    margin-right: 5px;
    width: 4px;
    height: 4px;
    border: 1px solid #999;
    border-radius: 100%;
}
.van-home-file-boxmk li span {
    font-size: 14px;
    margin-left: 20px;
    color: #888;
}
.van-home-file-boxbottom {
    text-align: center;
    margin-top: 20px;
}
.van-home-file-boxbottom a {
    display: inline-block;
    font-size: 15px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #006fff;
    color: #006fff;
}
.van-home-file-boxbottom a i {
    margin-left: 2px;
    font-size: 18px!important;
}
.icon-double-arro-right:before {
    content: "\e75c";
}
@media (max-width: 640px){
    .van-grid > * {
    padding-left: 0px;
}
.van-width-1-1{
    margin-bottom: 20px ;
}
}
/*轮播CMS模块CSS*/
.slide_2_mk {
    margin-top: -50px;
    position: relative;
    z-index: 2;
}
.slide_2_mkbox {
    box-shadow: 0px 0px 29px 0px rgb(185 185 185 / 42%);
    padding: 35px;
}
.van-background-default {
    background-color: #fff;
}
.van-width-auto {
    width: auto;
}
.van-width-expand {
    flex: 1;
    min-width: 1px;
}
.slide_2_mkbox .item span {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 16px;
}
.slide_2_mkbox .item span em {
    color: #006fff;
}
.slide_2_mkbox .item p {
    font-size: 12px;
    font-weight: 500;
    color: #8C8D9E;
    line-height: 12px;
}
.van-width-slideer {
    width: 20%;
}
.van-app-icobox {
    padding-top: 15px;
}
.van-width-mobile-cms {
    width: 25%;
}
.van-app-icobox a {
    display: block;
    text-align: center;
}
.van-app-icobox a img {
    height: 35px;
    display: unset;
}
.van-app-icobox a p {
    font-size: 12px;
    margin-top: 6px;
    color: #666;
}
.newTap{
    background-color: white;
    padding: 15px;
    border-radius: 0.5rem;
}
.newTap_list{
    padding: 0 0.13rem;
    display: flex;
    margin-bottom: 0.4rem;
    border-bottom: 1px solid #cbd4dc;
}
.newTap_list_item{
    flex: 1;
    text-align: center;
    padding-bottom: 0.17rem;
    font-size: 18px;
    color: #333;
}
.newTap_list .hasBorder{
    color: #2a7efb;
    border-bottom: 0.15rem solid #2a7efb;
}
.displayNone{
    display: none;
}
.newTap .newTap_content .newTap_content_img{
    border-radius: 0.6rem;
    overflow: hidden;
    margin: auto auto 0.6rem;
    position: relative;
}
.newTap .newTap_content .newTap_content_img img{
    display: block;
    width: 100%;
}
.newTap .newTap_content .newTap_content_img .newTap_content_msg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    background: rgba(0,0,0,.5);
    padding: 0.5rem;
    color: #fff;
}
.newTap .newTap_content .newTap_content_msg {
    margin-bottom: 20px;
    display: flex;
    color: #888;
    align-items: center;
}
.newTap .newTap_content .newTap_content_msg .msg{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    padding-right: 40px;
}
.newTap .newTap_content .newTap_content_msg .time{
    text-align: right;
}
.newTap .seeMore{
   width: 6rem;
    height: 2.74rem;
    border: 1px solid #2b7efb;
    opacity: 1;
    border-radius: 4px;
    color: #2b7efb;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.7rem auto auto;
}
.newTap .seeMore a{
    color: #2b7efb;
}
.module.slider.img-center .slider{
    height: 640px;
}
.owl .owl-dot.active {
    background-color: #e9ecef;
}

@media (min-width: 900.98px){
.owl .owl-dots{
padding-bottom: 50px;
}
}
@media (max-width: 900.98px){
.module.slider.img-center .slider{
    height: calc(100vh - 75vh);
}
}
/*
 * ------------------------------------------------------------------------------
 * 双栏图片广告小工具CSS
 * ------------------------------------------------------------------------------
 */
 .banner__item {
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
 .top-dver-item {
    float: left;
    position: relative;
}
.top-dver-item img {
    width: 100%;
    height: auto;
}
img {
    display: initial;
    max-width: 100%;
    vertical-align: middle;
}
.img-info {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 0;
    text-align: right;
    color: #fff;
}
.img-info i {
    position: relative;
    display: inline-block;
    color: rgba(251,251,251,.55);
    font-size: 18px;
    line-height: 19px;
    text-align: center;
    z-index: 9;
    font-style: inherit;
    animation: fade 1s infinite;
    -webkit-animation: fade 1s infinite;
}
.info, .top-dver-item:hover .info {
    width: auto;
    padding: 5px 23px 5px 12px;
    -webkit-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
    -moz-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
    -ms-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
    -o-transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
    transition: all .2s cubic-bezier(0,.34,.71,1.26)!important;
    font-size: 12px;
    z-index: 1;
}
.img-info .info {
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 0;
    padding: 5px 0 5px;
    overflow: hidden;
    background: #ed1c24;
    border-radius: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
}
.img-info .info a {
    color: #fff;
}
.info a {
    display: inline-block!important;
    height: auto!important;
}
/*文章列表区块标题CSS*/
.archive-filter-2 .filter li {
    display: inline-block;
    list-style: none;
    font-size: 15px;
    line-height: 15px;
    border-right: 1px solid #f0f4f5;
    padding: 0 5px;
    margin: 15px 0;
}
.archive-filter-2 .filter li span{
    background-color:#f0f4f5;
    color: #6d6d6d;
    padding: 2px 6px;
    font-size: 15px;
}
.archive-filter-2 .filter {
    display: block;
    overflow: hidden;
    border-bottom: 1px dashed #e8e8e8;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
    white-space: nowrap;
}
.archive-filter-2 a {
    color: #6d6d6d;
    display: inline-block;
    padding: 4px 6px;
    font-size: 15px;
}
.part-title {
    display: flex;
    margin-bottom: -10px;
}
.van_sx{
    font-size: 14px;
    letter-spacing: .8px;
    position: relative;
}
.part-title h3 {
flex: 1;
margin-bottom: 10px;
font-size: 25px;
font-weight: normal;
white-space: nowrap;
margin-right: 10px;
padding-top: 1px;
}
.part-title p {
	letter-spacing: .5px;
}
.van_gd{
    white-space: nowrap;
    margin-left: 10px;
    padding-bottom: 20px;
}
.part-title .part-nav{
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 20px;
}
.part-title .part-nav .all {
	background: var(--hover_color);
	color: #fff;
}
.part-title .part-nav a {
	color: #606266;
	font-size: 13px;
	padding: 4px 10px;
	display: inline-block;
	margin-left: 20px;
	transition: all .3s
}
.post-footer {
    padding: 12px 0px 0px 0px;
    display: flex;
    align-items: center;
}
.post-footer .post-author {
    display: flex;
    align-items: center;
    flex: 1;
}
.post-footer .post-author .ava {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}
.post-footer .meta-category-dot {
    margin: 0!important;
}
.van-titlelist ul{
    list-style-type:none;
}
.encyclopedias {
	margin-top:10px;
}
.encyclopedias ul {
	width:100%;
	padding:20px;
	box-sizing:border-box;
	background:#fff;
    margin-bottom:30px; 
    margin-top:0px; 
}
.encyclopedias ul .van_item {
	width:50%;
	float:left;
}
.encyclopedias ul .van_item:nth-child(2n+1) {
	padding-right:10px;
	border-right:1px dotted #f0f0f0
}
.encyclopedias ul .van_item:nth-child(2n) {
	padding-left:10px
}
.encyclopedias ul .van_item a {
	display:block;
	width:100%;
	line-height:50px;
	box-sizing:border-box;
	font-size:14px;
	position:relative;
	background:#fff url(../images/icon-q.png) 10px center no-repeat;
	border-radius:4px;
	padding-right:120px;
	padding-left:36px;
}
.encyclopedias ul .van_item a:hover {
	background:#f9f9f9 url(../images/icon-q.png) 10px center no-repeat;
	border-radius:4px;
}
.encyclopedias ul .van_item a .question {
	position:absolute;
	height:50px;
	position:absolute;
	right:10px;
	top:0;
	z-index:2;
	background:url(../images/icon-w1.png) left center no-repeat;
	width:auto;
	padding-left:24px;
	line-height:50px
}
.encyclopedias ul .van_item a:hover .question {
	background:url(../images/icon-w2.png) left center no-repeat;
	width:auto
}
.comment-text p strong{
    font-weight: 700;
    padding: 0 5px;
    color: #ff416c;
}
.font_hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listMask_pic_name {
    font-size: 15px !important;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width:768px){
    .encyclopedias ul {
    padding: 10px;
    }
    .encyclopedias ul .van_item:nth-child(2n+1) {
     padding-right: unset; 
    }
    .encyclopedias ul .van_item {
    width: 100%;
    padding-left: 10px;
    }
}
/*
 * ------------------------------------------------------------------------------
 * 导航条小工具CSS
 * ------------------------------------------------------------------------------
 */
.sort {
    border-radius: 15px;
	position:relative;
	z-index:3;
	padding: 14px;
	background:#fff;
	border:1px solid #fff;
	-webkit-box-shadow:0 40px 75px 0 rgb(57 60 67 / 8%);
	box-shadow:0 40px 75px 0
	rgb(57 60 67 / 8%);
	-webkit-backdrop-filter:blur(10px);
	backdrop-filter:
	blur(10px)
}
#xutian_vips .sort-config {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
#xutian_vips .sort-config>li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	overflow:hidden;
	height:100%
}
#xutian_vips .sort-config-item {
	display:block;
	height:100%
}
#xutian_vips .sort-config-item img {
	float:left;
	width:62px;
	height:62px;
	margin-right:12px
}
#xutian_vips .sort-config-title {
	line-height:34px;
	font-size:18px;
	font-weight:600;
	color:#2d2d2d;
	-webkit-transition:.3s;
	transition:.3s
}
#xutian_vips .sort-config-desc {
	float:left;
	line-height:22px;
	font-size:14px;
	color:#8e8e8e
}
#xutian_vips .sort-blocks {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	height:190px;
	margin-top:35px
}
#xutian_vips .bt-body {
	padding-bottom:100px;
	background:transparent;
	width:calc(100% - 376px)
}
#xutian_vips .containerrr {
	margin:0 auto;
	width:100%
}
#xutian_vips .g-scrolling-carousel {
	position:relative
}
#xutian_vips .g-scrolling-carousel .items {
	white-space:nowrap;
	width:100%;
	-webkit-overflow-scrolling:touch;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	justify-content:space-between
}
#xutian_vips .g-scrolling-carousel .items a {
	border-radius:10px;
	display:inline-block;
	margin-right:10px;
	width:calc(20% - 10px);
	height:180px;
	text-align:center
}
#xutian_vips .card_ZQsT- {
	height:192px;
	width:128px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	white-space:normal;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 4%);
/* 	background:#fff; */
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:0 0 16px 0;
	margin-right:16px;
	text-decoration:none;
	transition:all .3s
}
#xutian_vips .card_ZQsT-:hover {
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	white-space:normal;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 4%);
/* 	background:#fff; */
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	padding:0 0 16px 0;
	margin-right:16px;
	text-decoration:none;
	transform:translateY(-3px)
}
#xutian_vips .card_ZQsT- img {
	height:180px;
	width:100%
}
#xutian_vips html:where(img) {
	height:auto;
	max-width:100%
}
#xutian_vips .card_ZQsT- .title_3qCGt {
	font-size:14px;
	color:#222;
	height:35px;
	background-color:#fff;
	line-height:35px;
	width:100%;
	position:absolute;
	display:block;
	margin-top:-35px
}
#xutian_vips .card_ZQsT- .year-tag_3Iqeg {
	height:19px;
	min-width:52px;
	width:fit-content;
	max-width:100%;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:6px;
	text-align:center;
	line-height:19px;
	font-size:12px;
	color:#fff;
	box-sizing:border-box;
	padding:0 8px;
	border-radius:10px
}
#xutian_vips .guanggao {
	background:#00d084
}
#xutian_vips .tuijain {
	background:#ff6900
}
#xutian_vips .remen {
	background:#fcb900
}
#xutian_vips .huodong {
	background:#0693e3
}
#xutian_vips .jingping {
	background:#cf2e2e
}
#xutian_vips .srot-mine {
    border-radius:11px;
	position:relative;
	width:376px;
	background:-webkit-gradient(linear,left top,right top,from(#fdf8eb),to(#feeec3));
	background:linear-gradient(90deg,#fdf8eb,#feeec3);
	height:180px;
	box-shadow:0 2px 5px 0 rgb(0 0 0 / 4%)
}
#xutian_vips .srot-mine-bg {
	position:absolute;
	top:13px;
	right:-13px;
	width:118px;
	height:78px;
	background:url(../images/sort_zuanshi.png) no-repeat;
	background-size:cover
}
#xutian_vips .sort-mine-wrap {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	padding:12px 16px 15px
}
#xutian_vips .srot-mine-tit {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	line-height:25px
}
#xutian_vips .sort-mine-wrap img {
	display:flex;
	width:auto
}
#xutian_vips .srot-mine-tit>span {
	margin-left:9px;
	font-size:15px;
	font-weight:600;
	color:#613c14
}
#xutian_vips .srot-mine-vips {
	display:flex;
	-webkit-box-pack:justify;
	justify-content:space-between;
	width:337px;
	margin:5px 0 5px
}
#xutian_vips .sort-vips-item {
	display:block;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:center
}
#xutian_vips .sort-mine-wrap img {
	display:flex;
	width:auto
}
#xutian_vips .sort-vips-icon {
	display:block;
	width:32px;
	height:36px;
	margin:0 auto;
	-webkit-transition:.3s;
	transition:.3s;
	margin-left:30px
}
#xutian_vips .sort-vips-tit {
	margin:15px 0;
	line-height:12px;
	font-size:13px;
	color:#613c14;
	margin-left:10px
}
#xutian_vips .sort-vips-tit2-wk {
	margin-top:10px;
	line-height:12px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:25px;
	color:#fff;
	border-radius:33px;
	margin-right:10px;
	font-size:14px;
	opacity:.5;
	background:linear-gradient(to bottom,#323232 0,#3f3f3f 40%,#1c1c1c 150%),linear-gradient(to top,rgba(255,255,255,0.40) 0,rgba(0,0,0,0.25) 200%);
	background-blend-mode:multiply;
	margin:10px 0 0 9px
}
#xutian_vips .srot-mine-ava {
	width:20px;
	height:20px;
	border-radius:50%
}
#xutian_vips .vip-xiarounew-wk {
	margin-top:10px;
	line-height:12px;
	display:
	flex;
	justify-content:
	center;
	align-items:
	center;
	height:25px;
	color: #ffffff;
	border-radius:33px;
	margin-right:10px;
	font-size:14px;
	opacity:.5;
	background: linear-gradient(to bottom,#ffa56a 0,#ff7e3e 40%,#fc7032 150%),linear-gradient(to top,rgb(255 0 0) 0,rgb(255 255 255 / 25%) 200%);
	background-blend-mode:
	multiply;
	margin:10px 0 0 9px
}