html,body{overfow-x:hidden;}
* {
  margin: 0;
  padding: 0;
}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
table{font-size:12px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{vertical-align:middle;padding:10px;border-top-color:#eee}
/*美化图片后登录窗口适应暗黑模式统一白色背景*/
.ripro-dark .register-login-modal .tab-content,.ripro-dark select, .ripro-dark .form-control, .ripro-dark textarea.form-control,.ripro-dark .register-login-modal .or-text span{
  background-color: #ffffff;
}
/*首页价格*/
.entry-footer .post-meta-box .meta-price{
    display: initial;
    background: #f6f6f6;
    padding: 1px 5px;
    border-radius: 3px;
    animation: fade 1200ms infinite;
    -webkit-animation: fade 1200ms infinite;
}
@keyframes fade {
  from {
  opacity:1
}
50% {
  opacity:.4
}
to {
  opacity:1
}
}
/*2020.2.7 原创等标签*/
.free-theme-tag{position:absolute;background:#ee2720;background-image:none;bottom:150px;right:5px; z-index:10;color:#fff;padding:1px 10px;text-transform:uppercase;font-weight:700;font-size:14px;border-radius:5px;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%)}
.jing-theme-tag{position:absolute;background:#0057ff;bottom:150px;right:0px; z-index:10;color:#fffcfc;border-radius:35px 2px 0 2px;padding:5px 18px;text-transform:uppercase;font-weight:700;font-size:14px;text-shadow:-1px -1px 0 rgba(0,0,0,.3)}
.icon_new {    display: block;    animation: hot 1s infinite linear;    -moz-animation: hot 1s infinite linear;    -webkit-animation: hot 1s infinite linear;    -o-animation: hot 1s infinite linear;    width: 25px;    height: 14px;    background: url(/wp-content/themes/ripro-chlid/assets/new.png) no-repeat center;    position: absolute;    top: -8px;    left: 50%;    margin-left: -12.5px;}
.icon_hot {    display: block;    animation: hot 1s infinite linear;    -moz-animation: hot 1s infinite linear;    -webkit-animation: hot 1s infinite linear;    -o-animation: hot 1s infinite linear;    width: 25px;    height: 14px;    background: url(/wp-content/themes/ripro-chlid/assets/hot.png) no-repeat center;    position: absolute;    top: -8px;    left: 50%;    margin-left: -12.5px;}
.youscmenulanse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
	margin-left: 10px;
    margin-top: -6px;
    left: 0;
	border-color: #61e1b9;
	border: 3px solid #7a99f2;
}

.youscmenulvse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
	margin-left: 10px;
    margin-top: -6px;
    left: 0;
	border-color: #61e1b9;
	border: 3px solid #70d7cf;
}
.youscmenuhuangse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
	margin-left: 10px;
    margin-top: -6px;
    left: 0;
	border-color: #61e1b9;
	border: 3px solid #f5c745;
}
.youscmenuhongse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
	margin-left: 10px;
    margin-top: -6px;
    left: 0;
	border-color: #61e1b9;
	border: 3px solid #f1787f;
}

.free-theme-wtag {
    position: absolute;
    background-image: none;
    top: 0px;
    right: 0px;
    color: #fff;
    padding: 6px 10px;
    font-weight: 700;
    font-size: 14px;
    border-radius:0 0 0 100px;
    width: 40px;
    height: 40px;
}
.arttext {
  position: absolute;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* Internet Explorer */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); 
}
.jhs-nofree{
  position: absolute;
    background-image: none;
    top: 0px;
    left: 0px;
    color: #fff;
    padding:6px 5px;
    font-weight: 700;
    font-size: 14px;
    border-radius:0 0 100px;
    width: 40px;
    height: 40px;
    z-index:88;
}
.jhs-free{
  position: absolute;
    background-image: none;
    background-color: #232425;;
    top: 0px;
    left: 0px;
    color: #fff;
    padding:6px 5px;
    font-weight: 700;
    font-size: 14px;
    border-radius:0 0 100px;
    width: 40px;
    height: 40px;
    z-index:88;
}
.jhs-free-text{
  position: absolute;
  transform:rotate(-45deg);
  -ms-transform:rotate(-45deg); /* Internet Explorer */
  -moz-transform:rotate(-45deg); /* Firefox */
  -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
  -o-transform:rotate(-45deg); 
}
/*顶部菜单效果已取消*/
.site .large .navbar { height: 80px;}
.site .large .logo-wrapper { margin-right: 12px;max-width: 120px;height: auto;}
.site .small .navbar { height: 65px;}
.site .small .logo-wrapper { display:none;}
.site .small .sep { display:none;}
.site .site-header, .site .navbar{ transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}

/*按钮样式集合*/
.search-open.navbar-button,.navbar .login-btn,.main-search .search-close,.navbar .navbar-button,.transparent,.comments-area .comment-author-name .fn.vip,.swal2-styled.swal2-cancel ,.swal2-actions:not(.swal2-loading) .swal2-styled,.swal2-styled.swal2-confirm,.swal2-actions:not(.swal2-loading) .swal2-styled{
    transition: transform 0.1s;
    box-shadow: 4px 3px 10px rgba(32, 160, 255, 0.17);
    color: #fff;
    border: 0px solid rgba(255,255,255,0.3);
}
.button.transparent{
    border: 0px solid rgba(255,255,255,0.3);
}
.burger {
    box-shadow: 4px 3px 10px #ffc1072e;
    transition: transform 0.1s;
    color: #FFF;
    border: 0;
}
.burger:before, .burger:after {
    background-color: #ffffff;
    content: "";
    height: 2px;
    left: 10px;
    position: absolute;
    width: 10px;
}

.burger:hover,.navbar .navbar-button:hover,.search-open.navbar-button:hover{
    cursor: pointer;
    transform: translate(0,-3px);
}
.swal2-styled.swal2-cancel:hover ,.swal2-actions:not(.swal2-loading) .swal2-styled:hover,.swal2-styled,.swal2-styled.swal2-confirm:hover,.swal2-actions:not(.swal2-loading) .swal2-styled:hover
{
    transition: transform 0.1s;
    color: #fff;
    border: 0px solid rgba(255,255,255,0.3);  
}

/*更多按钮*/  
.infinite-scroll-button{
    min-width: 200px;
    padding: 16px;
    margin-bottom: 10px;
}
/*其他按钮*/  
.button,.btn--primary,.label-warning,.widget-pay .btn--block{
    color: #fff;
}
/*按钮动画*/  
.btn:hover,
.butn:focus,
.button:hover,
.button:focus,
.btn-default:hover,
.btn-default:focus,
.btn-primary:hover,
.btn-primary:focus,
.infinite-scroll-button:hover,
.infinite-scroll-button:focus,
.btn--secondary:hover,
.btn--secondary:focus,
.input-group-btn:hover,
.input-group-btn:focus,
.pull-right:hover,
.pull-right:focus,
.login-btn:hover,
.login-btn:focus,
.btn--block:hover,
.btn--block:focus,
.go-payvip:hover,
.go-payvip:focus{
  -webkit-animation: pulse 2s;
          animation: pulse 2s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}
@-webkit-keyframes btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@-webkit-keyframes button {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes button {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@-webkit-keyframes btn-primary{
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes btn-primary {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes btn-default{
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes btn-default {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes infinite-scroll-button {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes infinite-scroll-button {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes btn--secondary {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes btn--secondary {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes input-group-btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes input-group-btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes pull-right {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pull-right {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes login-btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes login-btn {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes btn--block {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes btn--block {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@-webkit-keyframes go-payvip {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes go-payvip {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

/*个人中心板块阴影*/
.user-profile .sidebar-card {
    box-shadow: 4px 6px 10px #3a4f7017;
}
.user-profile .edit--profile-area {
    box-shadow: 4px 6px 10px #3a4f7017;
}
.charge .modules__content .amounts ul li p{
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}

  /*个人中心顶部*/
.author-card .author-infos .author p {
    line-height: 30px;
    padding-top: 6px;
    font-size: 12px;
    margin: 0;
    color: #555;
    font-weight: 500;
}
.card-box .author-info h3 {
    color: #2d3039;
    font-weight: 700;
    margin-top: 44px;
    font-size: 34px;
    margin-bottom: 6px;
}
.card-box .author-info {
    position: relative;
    text-align: left; 
    padding: 22px 24px 20px;
}
.card-box .author-info p {
    text-align: right;
    color: #627079;
}
.pcolorbg,.mcolorbg4,.scolorbg {
    background: #ffffff;
}
.card-box .author-info small {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    color: #66737c;
    opacity: 1;
}
.form-control, textarea.form-control {
    color: #2d3039;
    background-color: #f8f8f8;
    border: 1px solid #eeeeee;
}
.card-box .author-info small{
    left: 8px;
    top:20px;
    text-align: left;
}
.author-info scolorbg2{
    left: 8px;
    top:20px;
    text-align: left;
}
i.fa.fa-ticket {
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #f9c009;
    background: #fcf6d9;
    padding: 16px;
    border-radius: 50%;
}
i.fa.fa-windows {
    position: absolute;
    right: 22px;
    bottom: 16px;
    font-size: 20px;
    color: #f9c009;
    background: #fcf6d9;
    padding: 16px;
    border-radius: 50%;
}
i.fa.fa-shopping-cart{
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #0390ff;
    background: #d9ecfc;
    padding: 16px 17px;
    border-radius: 50%;
}
i.fa.fa-download{
    position: absolute;
    right: 22px;
    bottom:16px;
    font-size: 20px;
    color: #0390ff;
    background: #d9ecfc;
    padding: 16px 17px;
    border-radius: 50%;
}
i.fa.fa-rmb{
    position: absolute;
    right: 22px;
    top: 16px;
    font-size: 20px;
    color: #ff6262;
    background: #fcd9d9;
    padding: 16px 21px;
    border-radius: 50%;
}
i.fa.fa-arrow-circle-down{
    position: absolute;
    right: 22px;
    bottom:16px;
    font-size: 20px;
    color: #ff6262;
    background: #fcd9d9;
    padding: 16px 21px;
    border-radius: 50%;
}
.mcolorbg2,.pcolorbg2,.scolorbg2 {
    background: #ffffff;
}
/**s首页最新**/
.home-cat-nav-wrap ul{
  justify-content: flex-start;
  display: -webkit-inline-box;
}
.home-cat-nav-wrap ul li:hover .btn{
    /*background-color: #2c63ff;*/
    color: #FFFFFF;
}
.home-cat-nav-wrap {

    overflow: hidden;
    position: relative;
  margin-bottom: 20px;
}
.home-cat-nav-wrap a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.home-cat-nav-wrap .prevv {
  display: none;
  position: absolute;
  top: 0;
  width: 59px;
  height: 100%;
  box-shadow: 0 0 3px #c6c6c7;
  background: #fff;
  text-align: center;
  font-size: 0;
  left: 0;
  border-right: 1px solid #e1e3e6;
}

.home-cat-nav-wrap .prevv span {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url(../ripro-chlid/assets/images/arrow.svg);
  background-position: 96.77% 25%;
  background-size: initial;
}

.home-cat-nav-wrap .nextt span {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url(../ripro-chlid/assets/images/arrow.svg);
  background-position: 61.29% 25%;
  background-size: initial;
}

.home-cat-nav-wrap .nextt {
  position: absolute;
  top: 0;
  width: 59px;
  height: 100%;
  box-shadow: 0 0 3px #c6c6c7;
  background: #fff;
  text-align: center;
  font-size: 0;
  right: 0;
  border-left: 1px solid #e1e3e6;
}

/*内页分类*/

.filter--content .filter-item a.on {
  background: url(../ripro-chlid/assets/images/ico_checkon.svg) no-repeat right bottom;
  border: 1px dashed #2c63ff;
  background-size: 21px 21px;
  color: #2c63ff;
  }
.filter--content .filter-item a:hover,.filter--content .filter-item span,.filter--content .filter-tab span{
  border: 1px dashed #2c63ff;
  background-size: 21px 21px;
  color: #2c63ff;
  background-color: #f6f6f6;
}
/***统一颜色控制****/
.filter--content .filter-tab a.on,.filter--content .filter-tab .tab.on i:before{
  color: #2c63ff;
}
/*优惠券*/

.jq22-price-nub {
    background-image: -moz-linear-gradient(left,#f63f5d,#ec2546);
}
.jq22-full {
    height: 2rem;
    line-height: 2.3rem;
    color: #ffffff;
    font-size: .8rem;
    text-align: center;
}
.codecdk-panel .jq22-flex {
    box-shadow: -4px 8px 12px 0 rgba(199, 209, 239, 0.42);
}
.codecdk-panel .jq22-flex .jq22-flex-box .cop-codecdk {
    background-image: -moz-linear-gradient(left,#f63f5d,#ec2546);
    box-shadow: -4px 8px 12px 0 rgba(199, 209, 239, 0.42);
}
/*首页搜索*/
.home-filter--content {
   background:  #f6f6f6;
   z-index: 2;
}
.ripro-dark .section,.ripro-dark .home-filter--content{
  background-color: #232425;
}
.home-filter--content:before {
    background-color: rgba(91, 91, 91, 0);
}
.home-filter--content .form-box {
    margin-right: 10%;
    margin-left: 10%;
}
/*浏览器滚动条*/
::-webkit-scrollbar-thumb {
    background-color: #f58365;
}
::-webkit-scrollbar {
/*滚动条整体样式*/
    width: 6px;
     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #12b7f5;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        /*border-radius: 10px;*/
    background: #f6f6f6;
}
/*VIP标注 取消用CSS
.vvip0,.vvip10,.vvip30,.vvip70,.vvip75,.vvip80,.vwip0,.vwip10,.vwip30,.vwip70,.vwip75,.vwip80,.vvip302,.vvip702,.vvip752,.vvip802,.vwip302,.vwip702,.vwip752,.vwip802 {
    display: inline-block;
    background-image: url(../ripro-chlid/assets/images/newvip.png);
    background-size: auto 40px;
    vertical-align: middle;
    height: 40px;
    width: 40px
}
.vvip0,.vvip10,.vvip30, .vvip70, .vvip75, .vvip80, .vvip302, .vvip702, .vvip752, .vvip802 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.vvip0,.vwip0 {
    background-position: 0 0
}
.vvip70,.vwip70 {
    background-position: -80px 0
}
.vvip30,.vwip30 {
    background-position: -80px 0
}
.vvip302,.vvip702,.vvip752,.vvip802 {
    background-position: -200px 0
}
.vvip75 {
    background-position: -160px 0
}
.vvip80,.vwip75,.vwip80 {
    background-position: -120px 0
}
.vwip0,.vwip10,.vwip30,.vwip70,.vwip75,.vwip80,.vwip302 {
    position: absolute;
    z-index: 10;
    border-radius: 5px 0 0 0
}
.vvip10,.vwip10 {
    background-position: 0 0
}*/
/*旧的VIP小图标
.src-vip {
    height: 48px;
    width: 35px;
    background-position: -70px 0;
      position: absolute;
    top: -4px;
    left: 10px;
    z-index: 20;
    text-align: center;
    color: #fff;
    font-size: 0;
}
.src-free {
    height: 48px;
    width: 35px;
      position: absolute;
    top: -4px;
    left: 10px;
    z-index: 20;
    text-align: center;
    color: #fff;
    font-size: 0;
}
.src-me {
    height: 48px;
    width: 35px;
    background-position: -32px 0;
      position: absolute;
    top: -4px;
    left: 10px;
    z-index: 20;
    text-align: center;
    color: #fff;
    font-size: 0;
}
.tag-free, .tag-original, .src-vip {
    display: inline-block;
    background-image: url(../ripro-chlid/assets/images/oldvip.png);
    background-repeat: no-repeat;
    background-size: auto 48px;
}*/
/*文章页面标签*/
.cao_entry_header{ padding-left:20px;}
.cvip0,.cvip10,.cvip30,.cvip85,.cvip70,.cvip75,.cvip80,.nvip,.nvip1,.nvip2,.nvip3,.nvip4,.nvipc {
    float: left;  
  margin-left:-25px;
  margin-top:-120px;
    display: inline-block;
    background-image: url(../ripro-chlid/assets/images/artvip.png);
    vertical-align: middle;
    height: 60px;
    width: 36px
}
@media (max-width: 767px) {
  .cvip0,.cvip10,.cvip30,.cvip85,.cvip70,.cvip75,.cvip80,.nvip,.nvip1,.nvip2,.nvip3,.nvip4,.nvipc {
    display: none
  }
}
.cvip0,.cvip10 {
    background-position: 0 -65px
}
.cvip30 {
    background-position: -36px -65px
}
.cvip70 {
    background-position: -72px -65px
}
.cvip75 {
    background-position: -108px -65px
}
.cvip80 {
    background-position: -144px -65px
}
.cvip85 {
    background-position: -180px -65px
}
/*菜单特效*/
.down-menu>.current-menu-item>a:hover{animation-duration:.8s;animation-name:fadeInUp;background:#c40000 none repeat scroll 0 0;color:#fff!important}@keyframes fushang{0%{opacity:0;transform:translateY(-300px)}10%{opacity:0}100%{opacity:1;transform:translateY(0)}}
.fushang{animation-name:fushang}
.cddh{animation-name:fushang;z-index:5}
.cddh1{animation-duration:.7s}
.cddh2{animation-duration:.8s}
.cddh3{animation-duration:1s}
.cddh4{animation-duration:1.1s}
.cddh5{animation-duration:1.2s}
.cddh6{animation-duration:1.3s}
.cddh7{animation-duration:1.4s}
.cddh8{animation-duration:1.5s}
.cddh9{animation-duration:1.6s}
.cddh10{animation-duration:.5s;animation-name:fushang}
/** 下拉菜单样式 **/    
.navbar .sub-menu{
    margin: -1px 0 0 -18px;
    transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  perspective: 1000;
  -webkit-perspective: 1000;
  transform-origin: top;
  -webkit-transform-origin: top;
  transform: perspective(350px) rotateX(-90deg);
  -webkit-transform: perspective(350px) rotateX(-90deg);
  -moz-transform: perspective(350px) rotateX(-90deg);
}

.navbar .menu-item-mega>.sub-menu {
    margin-left: 0px;
    margin-right: 0px;
}
/*文章目录*/
#article-index {
    position: fixed;
    right: 66px;
    bottom:0px;
    padding: 10px;
    border-radius: 5px;
    z-index: 99999999;overflow:hidden;display:none;opacity:0;
}
#article-index i {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}
#article-index i:hover{cursor:pointer}
#article-index h4 {
    font-size: 16px;
    color: #ffc107;
    font-weight: 400;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    text-align:center;display:inline-block;
}
#article-index ul {
    margin: 10px auto 0;
    padding: 10px;
    max-height: calc(100vh - 178px);max-width:200px;
    overflow-y: auto;overflow-x:hidden;
    background: #fff;
}
#article-index ul li {
    list-style: none;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#article-index ul li a{
    font-size: 12px;
}
/*vip 页面*/
.vip-banner .vipbj h2 {
    text-align: center;
    font-size: 40px;
    color: #ffffff;
}

.ripro-dark .vip-banner .vipbj h2,.ripro-dark .vip-banner .vipbj p,.ripro-dark .module-line .text
{
color: #fff;    
}
.vip-banner .vipbj p {
    text-align: center;
    font-size: 18px;
    color: #ffffff;
}
.vip-banner {
    position: relative;
    width: 100%;
    height: 246px;
    position: relative;
}
.vip-banner-bg {
    background-position: center;
    background-size: cover;
    height: 100%
}
.vip-banner .vipbj {
    position: absolute;
    width: 100%;
    top: 20%
}
.vip-slogan {
    border-radius: 5px;
    height: 280px;
    width: 1200px;
    box-sizing: border-box;
    font-size: 0;
    margin: 40px auto auto auto
}
.vip-slogan-box:nth-of-type(-n+3) {
    border-bottom: 0
}
.vip-slogan-box {
    padding-top: 20px;
    display: inline-block;
    background: #fff;
    height: 50%;
    width: 373.2px;
    box-sizing: border-box;
    vertical-align: middle;
    border-left:1px solid #eee;
    border-top:1px solid #eee;
    margin-bottom:3px;
    margin-right:3px
}
.vip-slogan-box:hover{
   -webkit-box-shadow:rgba(1,130,150,.2) 0 0 30px;
  -moz-box-shadow:rgba(1,130,150,.2) 0 0 30px;
  box-shadow:rgba(1,130,150,.2) 0 0 30px
}
.vip-slogan-box i {
    width: 100px;
    line-height: 100px;
    display: inline-block;
    font-size: 45px;
    text-align: center;
    vertical-align: middle
}
.vip-slogan-text {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #898989
}
.vip-slogan-text p:first-child {
    font-size: 18px;
    color: #575959
}
.container-vip {
    width: 1250px
}
.vip-content {
    text-align: center;
    margin-bottom: 50px
}

.module-line {
    width: 100%;
    text-align: center;
    margin-top: 40px;
    margin-bottom:30px;
}
.module-line .left-arrow {
    background: url(../ripro-chlid/assets/images/vip-left.png)
}
.module-line .right-arrow {
    background: url(../ripro-chlid/assets/images/vip-right.png)
}
.module-line .arrow {
    width: 84px;
    height: 16px
}
.module-line .text {
    font-size: 26px;
    color: #4c4c4c;
    margin: 0 10px
}
.module-line span {
    display: inline-block;
*display:inline;
*zoom:1;
}

.vip-banner .vipbj>a {
    width: 170px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
    color: #fff;
    margin: 0 auto;
    margin-top: 0;
    display: block;
    margin-top: 20px
}

.vip-row {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
    zoom:1}

.vip-row:after,.vip-row:before {
    display: table;
    content: ''
}

.vip-block-wrapper {
    position: relative;
    display: flex;
    padding: 20px 0;
    height: 100%;
    justify-content: center
}

.vip-block-wrapper .vip-block-item {
    display: block;
    box-sizing: border-box;
    padding: 20px 40px;
    width: 33.333%;
    text-align: center;
}

.home-vipbox {
    padding: 1px 0px 38px 0px;
    border-radius: 8px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-vipbox:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(213,213,213,0.4);
}

p.vip-bt {
    color: #fff;
    margin: 0 auto;
    width: 100px;
    padding: 8px 0;
    border-radius: 26px;
}

.vip-block-item a p {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.vip-block-item:nth-child(n) a:hover p {
    box-shadow: 0 10px 20px rgba(245,47,62,.4);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    background-color: #f52f3e;
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: -webkit-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: -o-linear-gradient(left,#f52f3e,#ff4c22);
    background-image: linear-gradient(left,#f52f3e,#ff4c22);
}

.vip-block-item:nth-child(1) >.home-vipbox {
    /* outline:1px solid rgba(245,210,47,0.24); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(1) h3 {
    color: #f5a02f;
    text-shadow: 0 5px 6px #ffe1b9;
}
.vip-block-item:nth-child(1) .vip-bt {
    background-image: -webkit-linear-gradient(left,#021b31,#001529);
}
.vip-block-item:nth-child(2) >.home-vipbox {
    /* outline:1px solid rgba(47,146,245,0.15); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(2) h3 {
    color: #1890ff;
    text-shadow: 0 5px 6px rgba(24,144,255,0.40);
}

.vip-block-item:nth-child(2) .vip-bt {
    background-image: -webkit-linear-gradient(left,#1390de,#2f9af5);
}
.vip-block-item:nth-child(3) >.home-vipbox {
    /* outline:1px solid rgba(245,47,47,0.2); */
    /* outline-offset:-8px; */
}
.vip-block-item:nth-child(3) h3 {
    color: #fd3d00;
    text-shadow: 0 5px 6px #ffb9b9;
}
.vip-block-item:nth-child(3) .vip-bt {
    background-image: -webkit-linear-gradient(left,#f1bc37,#fadb37);
}
p.vip-home-price {
    position: relative;
    font-size: 1.875rem;
    font-weight: bold;
    width: 200px;
    margin: 15px auto;
}

p.vip-home-price i {
    font-size: 16px;
}
@media (max-width: 768px) {
    .vip-block-wrapper {
        display:block
    }
    .vip-block-wrapper .vip-block-item {
        float: left;
        width: 100%;
        padding: 10px 0;
    }
}
.vip-block-wrapper .vip-block-item .icon {
    width: 20%;
    padding-top: 20px;
    margin: 0 auto;
}
.vip-block-wrapper .vip-block-item img {
    width: 100%;
    height: 60px;
}
.vip-block-wrapper .vip-block-item .content0-title {
    padding: 0;
    font-size: 1.875rem;
}
@media (max-width: 767px) {
  .vip-banner .vipbj h2  {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .vip-slogan {
  height: 980px;
    width: 400px;
    box-sizing: border-box;
    font-size: 0;
    margin-right:-10px;
  }
}

@media (max-width: 575px) {
  .vip-slogan-box:nth-of-type(-n+6) {
    border: 1px solid #e6e6e6;
    height: 15%;
    margin-right:5px;
  }
}

@media (max-width: 575px) {
    .vip-slogan-text {
   font-size: 10;
  }
}
@media (max-width: 767px) {
  .vip-slogan-box i {
    width: 60px;
    line-height:60px;
  }
}
@media (max-width: 767px) {
  .module-line .arrow {
    display: none
  }
}


/*/添加老文章提示信息*/
.warn {
color: #ad9948;
background: #fff4b9 url(img/warn.png) -1px -1px no-repeat;
border: 1px solid #eac946;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
font-size: 14px;
}
/*分类导航2*/
.col-xs-6 {
width: 50%
}
.home-first-screen{
    background: rgba(0, 0, 0, 0) none repeat scroll !important;
}

.home-first-screen .images,.home-first-screen .parts {
margin-bottom: 0;
position: relative
}

.home-first-screen .dubao {
position: relative;
margin-bottom: 5px
}

@media (min-width:768px) {
.home-first-screen .dubao {
margin-bottom: 10px
}
}

.home-first-screen .row {
margin-left: -5px;
margin-right: -5px
}

.home-first-screen .col-md-3,.home-first-screen .col-md-6,.home-first-screen .col-xs-6 {
padding-left: 5px;
padding-right: 5px;
}

.home-first-screen .thumb {
display: block;
width: 100%;
padding-top: 62.22222222%;
border-radius: 3px;
overflow: hidden;
position: relative;
background-position: center top;
background-repeat: no-repeat;
background-size: cover
}

.home-first-screen .thumb:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
padding-top: 100%;
background: rgba(0, 0, 0, .2);
opacity: 0;
visibility: hidden;
transition: all .2s
}
.home-first-screen .thumb.bigOne {
padding-top: 56.72131148%
}
.home-first-screen .thumb img {
display: none
}
.home-first-screen .items .thumb {
padding-top: 58.82352941%
}

.home-first-screen .images .col-md-6,.home-first-screen .images .col-xs-6 {
margin-bottom: 10px
}
.home-first-screen .images .item2 {
margin-bottom: 0
}
.home-first-screen .images a {
display: block;
position: relative
}
.home-first-screen .images a strong {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: .4em .8em .6em;
font-size: 12px;
color: #dadada;
font-weight: 700;
letter-spacing: .5px;
line-height: 1.3;
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .6) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#99000000', GradientType=0);
box-shadow: 0 -7px 15px rgba(0, 0, 0, .2);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}

@media (min-width:768px) {
.home-first-screen .images a strong {
font-size: 14px;
line-height: 1.4;
font-weight: 400
}
}
.vitara_slide_in .vitara_slide ul li h3 .label {
border-radius: 3px;
padding: 2px 2px 2px 4px;
font-size: 12px;
font-weight: 700
}
.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;
padding: 2px 2px 2px 4px
}
.vitara_slide_in .vitara_slide ul li h3 {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
padding: 20px;
margin: 0;
font-size: 16px;
color: #fff;
text-align: left;
font-weight: 700;
text-shadow: 0 1px 3px #525252;
box-sizing: border-box;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3));
background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, .3))
}
.home-first-screen a:hover .thumb:after {
visibility: visible;
opacity: 1
}
.home-first-screen .dubao {
background: #fff;
padding: 12px 10px 24px;
height: 14px;
border-radius: 3px;
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
overflow: hidden
}
.home-first-screen .dubao h3 {
float: left;
font-size: 14px;
font-weight: 400;
line-height: 14px;
padding: 0 10px 0 0;
border-right: 1px solid #ddd
}

.home-first-screen .dubao h3 a:hover {
color: #FFF
}

/*3*/

.home-first-screen .dubao .cont {
height: 14px;
overflow: hidden;
position: relative
}

.home-first-screen .dubao .cont a {
display: block;
line-height: 14px;
color: #606060;
font-size: 12px;
transition: all .5s;
position: absolute;
left: 0;
top: 0
}

.home-first-screen .dubao .cont a:hover {
color: #000
}

.home-first-screen .dubao .cont a span {
display: inline-block;
padding: 0 15px;
white-space: nowrap
}

.home-first-screen .parts .hf-title {
font-size: 12px;
padding: 10px 0 20px;
margin-bottom: 0;
height: 16px;
overflow: hidden;
position: relative
}

.home-first-screen .parts .hf-title strong {
color: #525252;
margin-right: 5px;
font-size: 16px;
margin-left: 10px
}

.home-first-screen .parts .hf-title strong:before {
/*content: '';*/
display: inline-block;
width: 3px;
height: 16px;
vertical-align: middle;
background: #8e8f90;
margin-right: 6px;
margin-top: -2px
}

.home-first-screen .parts .hf-title strong a {
font-weight: 400;
color: #161616
}

.home-first-screen .parts .hf-title span {
font-weight: 400;
color: #d5d5d5
}

.home-first-screen .parts .hf-title .more {
display: block;
position: absolute;
right: 10px;
top: 10px;
font-size: 10px;
text-transform: uppercase;
padding: 0 5px 0;
border-radius: 3px;
border: 1px solid #b1afaf;
color: #b1afaf;
font-weight: 400;
}
.home-first-screen .parts .hf-title .more2 {
display: block;
position: absolute;
right: 10px;
top: 10px;
font-size: 13px;
text-transform: uppercase;
padding: 0 5px 0;
border-radius: 3px;
border: 1px solid #b1afaf;
color: #b1afaf;
font-weight: 400;
}

.home-first-screen .parts .hf-title .more:hover {
color: #fff;
border-color: #f58365
}

.home-first-screen .parts .home-first-part {
background: #fff;
margin-bottom: 10px;
box-shadow: 0 0 1px rgba(0, 0, 0, .1);
}

.home-first-screen .parts .items {
padding: 13px 9px 26px;
}

.home-first-screen .parts .items .col-md-6 {
margin-bottom: 7px
}

.home-first-screen .parts .items a {
display: block
}

.home-first-screen .parts .items .thumb {
margin-bottom: 0px
}

.home-first-screen .parts .items strong {
color: #606060
}

.home-first-screen .parts .items strong.title {
display: block;
line-height: 1.2em;
font-size: 0.8em;
height: 1.4em;
overflow: hidden;
text-align: center;
font-weight: 400
}
.home-first-screen .fanye {
position: absolute;
right: 15px;
top: 14px;
background: #fff
}

.home-first-screen .fanye .btn {
display: inline-block;
border: 1px solid #efefef;
vertical-align: middle;
cursor: pointer;
padding-top: 3px;
margin-right: -1px
}

.home-first-screen .fanye .btn i {
vertical-align: text-bottom
}

.home-first-screen .fanye .btn:hover {
color: #fff
}

.home-first-screen .fanye .btn.no,
.home-first-screen .fanye .btn.no:hover {
cursor: default;
background: #fff;
color: #eee;
border-color: #efefef
}

.home-first-screen .fanye .pages {
font-size: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-top: 4px
}

.home-first-screen .fanye .pages em {
color: #525252;
font-style: normal
}

.home-first-screen .home-course .hf-title {
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
position: relative
}

.home-first-screen .home-course .courses {
margin: 7px 0 10px;
position: relative;
height: 120px;
overflow: hidden
}

.home-first-screen .home-course .course-items {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
top: 0
}

.home-first-screen .home-course ul {
margin: 0 10px 0 12px;
list-style: none;
padding-left: 0px;
}

.home-first-screen .home-course li {
list-style-type: disc;
list-style-position: inside;
line-height: 20px;
height: 20px;
overflow: hidden;
position: relative;
color: #606060;
font-size: 14px;
margin: 6px 0
}

.home-first-screen .home-course li a {
color: #606060
}
/*4*/

.home-first-screen .home-course li strong {
font-weight: 400
}

.home-first-screen .home-course li span {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
display: inline-block;
padding: 0 10px;
line-height: 20px;
background: #fbedd8;
border-radius: 3px;
color: #e2b46d;
}

.home-first-screen .home-menus ul {
margin: 0;
list-style: none;
overflow: hidden;
padding-left: 0px;
}

.home-first-screen .home-menus li {
float: left;
width: 33.33333333%;
text-align: center
}
.home-first-screen .home-menus li:hover{
 -webkit-box-shadow:rgba(1,130,150,.2) 0 0 30px;
  -moz-box-shadow:rgba(1,130,150,.2) 0 0 30px;
  box-shadow:rgba(1,130,150,.2) 0 0 30px  
}
.home-first-screen .home-menus a {
display: block;
text-align: center;
font-size: 14px;
color: #606060;
position: relative;
line-height: 1.5;
padding: 14px 5px 10px 5px;
box-sizing: border-box;
height: 83px;
transition: all .1s
}

.home-first-screen .home-menus a:hover {
color: #fff
}

.home-first-screen .home-menus a:hover i {
color: #fff
}

.home-first-screen .home-menus a:hover:after,.home-first-screen .home-menus a:hover:before {
display: none;
visibility: hidden
}

.home-first-screen .home-menus a svg {
font-size: 22px;
line-height: 1.9
}

@media (min-width:768px) {
.home-first-screen .home-menus a svg {
font-size: 24px;
line-height: 1.3
}
}

.home-first-screen .home-menus a span {
display: block;
line-height: 2;
margin-top: 5px;
}

.home-first-screen .home-menus li:nth-child(1) a:before,
.home-first-screen .home-menus li:nth-child(2) a:before,
.home-first-screen .home-menus li:nth-child(4) a:before,
.home-first-screen .home-menus li:nth-child(5) a:before {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
height: 85%;
border-right: 1px solid #ddd
}

.home-first-screen .home-menus li:nth-child(4) a:before,
.home-first-screen .home-menus li:nth-child(5) a:before {
bottom: auto;
top: 0
}

.home-first-screen .home-menus li:nth-child(1) a:after,
.home-first-screen .home-menus li:nth-child(2) a:after,
.home-first-screen .home-menus li:nth-child(3) a:after {
content: '';
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 85%;
border-bottom: 1px solid #ddd
}

.home-first-screen .home-menus li:nth-child(2) a:after {
width: 100%
}

.home-first-screen .home-menus li:nth-child(3) a:after {
right: auto;
left: 0
}

@media (min-width:768px) {
.home-first-screen .parts .home-first-part {
height: 168px
}
.home-first-screen .parts .items a {
height: 130px;
overflow: hidden
}
.home-first-screen .parts .items a strong {
font-size: 14px;
padding-top: 3px
}
.home-first-screen .dubao {
padding: 11px 20px 24px 28px
}
.home-first-screen .dubao h3 {
padding: 0 24px 0 0;
margin-right: 10px
}
.home-first-screen .dubao .cont span {
border-right: 1px solid #ddd
}
.home-first-screen .dubao .cont span:last-child {
border-right: none
}
}

@media (min-width:992px) {
/*.home-first-screen {
padding: 10px 0 10px
}*/
.home-first-screen .parts .col-md-3 {
width: 24.998814%;
}
.home-first-screen .parts .col-md-3.part-first {
width: 24.893559%;
}
.home-first-screen .images .item1 {
width: 52.54237288%
}
.home-first-screen .images .item2 {
width: 47.45762711%
}
}
/*分类导航2公告*/
div#site-gonggao {
    background-color: #FFF;
}
 
#site-gonggao .list {
    padding-left: 5px;
}
 
.site-gonggao-div {
    float: left;
}
 
#site-gonggao a {
    color: #1663B7;
}
 
#site-gonggao a:hover {
    color: #09F;
}
 
#site-gonggao-div2 {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
top: 0
}
 
#site-gonggao-div2 .list li {
    height: 23px;
    line-height: 23px;
    overflow: hidden;
}
 
#site-gonggao-div2 .list li p {
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*内页上方波浪*/
.site-content {
  background-color: #f6f6f6;
}

.filter--content {
  border: 0;
  padding: 20px 0;
  margin-top: -80px;
  background-color: #f6f6f6;
}

.filter--content .form-box {
  background-color: #f6f6f6;
}
.lang {
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  margin-top: -55px
}

.lang__3 {
  background: url('../ripro-chlid/assets/images/wave_04.png') repeat-x;
  width: 4500px;
  height: 60px;
  animation: langs 18s infinite linear;
  position: absolute;
  top: 0;
}

.lang__4 {
  background: url('../ripro-chlid/assets/images/wave_03.png') repeat-x;
  width: 4500px;
  height: 60px;
  animation: langs 12s infinite linear;
  position: relative;
  top: 0
}
.ripro-dark .lang__3 {
  background: url('../ripro-chlid/assets/images/dark3.png') repeat-x;
}

.ripro-dark .lang__4 {
  background: url('../ripro-chlid/assets/images/dark4.png') repeat-x;
}

@keyframes langs {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: -1938px
  }
}

@-webkit-keyframes langs {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: -1938px
  }
}
.ripro-dark .site-content,.ripro-dark .filter--content,.ripro-dark .filter--content .form-box,.ripro-dark .filter--content .filter-item a:hover
{
    background-color: #232425;
}
.ripro-dark .home-cat-nav-wrap ul li:hover .btn
{
  background-color: #2c63ff;
}
/*底部下方波浪*/
.waveHorizontals {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  background-color:#fff 
}
.ripro-dark .waveHorizontals {
    width: 100%;
    height: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  background-color:#181616 !important
}
#waveHorizontal1 {
    -webkit-mask: url(../ripro-chlid/assets/images/wave_05.svg);
    mask: url(../ripro-chlid/assets/images/wave_05.svg);
    animation-delay: -2s;
    animation-duration: 12s;
}
.ripro-dark #waveHorizontal1{
    background-color: #f1f1f1!important;
}
.ripro-dark  #waveHorizontal2{
    background-color: #f1f1f1!important;
}
.ripro-dark  #waveHorizontal3{
    background-color: #f1f1f1!important;
}
.waveHorizontal {
    width: 200%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 350px 100%;
    transform-origin: 0 100% 0;
    animation-name: move;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes move{0%{transform:translate(-175px,0px) scale(1,1)}50%{transform:translate(-87px,0px) scale(1,0.5)}100%{transform:translate(0px,0px) scale(1,1)}}

#waveHorizontal2 {
    -webkit-mask: url(../ripro-chlid/assets/images/wave_04.svg);
    mask: url(../ripro-chlid/assets/images/wave_04.svg);
    animation-delay: -2s;
    animation-duration: 5s;
}
#waveHorizontal3 {
    -webkit-mask: url(../ripro-chlid/assets/images/wave_05.svg);
    mask: url(../ripro-chlid/assets/images/wave_05.svg);
    animation-delay: -1s;
    animation-duration: 3s;
}

/*
*底部统计样式
*/
.codesign-footer-ul{
    display: -webkit-flex; 
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0; 
}
.codeisgn-footer {
    list-style: none;
    font-size: 15px;
}
.codesign-h6 {
    line-height: 0px !important;
    font-size: 20px !important;
    margin-right: 30px;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}
.weizhi1 {
    margin-left: 30px;
}
/*文章底部版权
.article-copyright {
    background: #fbfbfb;
    border: none;
    font-size: 12px;
    border-radius: 0;
}
*/
/*下载小工具*/
.widget-pay .pay--rateinfo{
    padding: 20px;
    margin-top: 0px;
    
}
.widget-pay .pay--rateinfo b .price{
    color: #FFEB3B;
}
.pay--content .info .price span{
    margin-left:10px; 
    color: #555;
}
.pay--content .info .price .fa{
    margin-right: 10px;
}
/*文章内容阅读体验*/
.article-content {
    text-align: justify;
    line-height: 30px;
    font-size: 16px;
    color: #262626;
}
.article-content h2{
    border-color: #EEE #EEE #EEE #45b6f7;
    font-size: 20px;
    line-height: 40px;
    margin: 0 -35px 20px;
    padding: 0 10px;
    background: #fafafa;
    font-weight: 700;
    border-width: 1px 0 1px 3px;
    border-style: solid;
}
.u-text-format a {
    text-decoration: none;
}

/*文章标题优化*/

.sjblog-avatar {
  width: 50px;
  float: left;
}
.sjblog-avatar img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
}
.sjblog-tgroup {
  padding-left: 0px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 20px;
}
.sjblog-tgroup .entry-header {
  margin-bottom: 0 !important;
}
.article-content .entry-header .entry-title {
  padding-bottom:0;
  margin-bottom: 0 !important;
  border-bottom: none;
  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.sjblog-name {
  padding-top:15px;
  display: block;
  font-size: 13px;
  color: #fff;
}
.sjblog-name a {
  color: #fff;
}
.sjblog-time {
  margin-left: 6px;
  margin-right: 6px;
}
.sjblog-views{
  font-size: 13px;
  color: #fff;
  margin-left: 6px;
  margin-right: 6px;
}
.sjblog-new{
  font-size: 13px;
  margin-left: 6px;
  margin-right: 6px;
}
.sjblog-numm{
  font-size: 13px;
  margin-left: 6px;
  margin-right: 6px;
}
#single-meta {
    border-bottom: 1px dotted #d8d8d8;
    padding: 5px 0 10px;
    margin-bottom: 15px;
}
#single-meta span {
    line-height: 160%;
    padding: 3px;
}
i.iconfont.icon-fire {
    color: #F44336;
        font-style: italic;
}
.jhssingle{
  clear: both;
  zoom: 1;
    position: relative;
    background-color: #fff;
    margin: 0 auto;
}
.meta .description {
    margin-top: 5px;
    line-height: 16px;
    font-size: 14px;
    width: 100%;
    color: #6c6c6c;
    font-weight: normal;
    position: relative;
}
.meta.description span {
    font-size: 12px;
    margin-right: 20px;
    background: #eff0f1;
    padding: 2px 4px;
    border-radius: 3px;
    color: #8c8c8c;
}
/*隐藏侧边栏*/
.close-sidebar{
  float:right;
}

.show-sidebar{
  display:none; 
  float:right;
}

@media (max-width: 767px) {
.show-sidebar,.close-sidebar,.sjblog-views,.sjblog-time,.sjblog-name  {
    display: none;
  }
}
@media (max-width: 767px){
.show-sidebar,.close-sidebar,.sjblog-views,.sjblog-time,.sjblog-name {
    display: none;
  }
}
/*首页纯文本文章列表*/
.sjblog-list {
    height: 90px;
    background: #333;
    border-radius: 4px 4px 0 0;
    padding: 24px;
    margin: -20px -20px 22px -20px;
    position: relative;
}
h4.sjblog-h4 {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 1;
}
.sjblog-h4 a{
    color: #fff;
}
span.sjblog-esc {
    text-align: center;
    line-height: 38px;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    z-index: 1;
    display: block;
}
.sjblog-cover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000008c;
    border-radius: 4px 4px 0 0;
    z-index: 0;
}
.uposts .post-num.num-1 {
    color: #F44336;
}
.uposts .post-num.num-2 {
    color: #f58365;
}
.uposts .post-num.num-3 {
    color: #FFC107;
}
.uposts .post-num.num-4 {
    color: #00BCD4;
}
.uposts .post-num.num-5 {
    color: #fd7221;
}
.uposts .post-num.num-6 {
    color: #E91E63;
}
.uposts .post-num.num-7 {
    color: #4196F3;
}
.uposts .post-num.num-8 {
    color: #E21E63;
}
.uposts .hentry .post-num{
    background-color: inherit;
}   
/*头像特效*/

.bg-cover {
    border: #ececec 1px solid;
}

/*avatar{
-webkit-transition:0.4s;
-webkit-transition:-webkit-transform 0.4s ease-out;
transition:transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
}
.avatar:hover{
transform:rotateZ(360deg);
-webkit-transform:rotateZ(360deg);
-moz-transform:rotateZ(360deg);
}*/
.avatar:hover  {
    box-shadow:0px 0px 10px #fd7221;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    border-radius:64px!important;
    filter:alpha(opacity=100)!important;
    opacity:1!important;
}
@-webkit-keyframes avatar {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes avatar {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.comments-area :hover .avatar {
    -webkit-animation-name: avatar;
    animation-name: avatar;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
} 
/*头像去边框*/
.navbar .user-pbtn img {
    border: 0px solid #eee;
}
.comments-area .comment-author-avatar{
background: rgba(0, 0, 0, 0) none repeat scroll !important; 
}
/*
 * LOGO扫光
*/
.logo-wrapperopen {
    position: relative;
    font-size:2em;
    font-weight:700;
    line-height:39px;
    overflow:hidden;
    margin:0;
}

.logo-wrapperopen::before{
    content:"";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

@-webkit-keyframes searchLights {
    0% { left: -90px; top: 0; }
    to { left: 90px; top: 0; }
}


.navbar .zzhuti-button, .off-canvas .canvas-close {
    top: 0px;
    align-items: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 30px;
    justify-content: center;
    width: 30px;
}

/** 评论内容 **/ 
.comments-area .comment-body{
    background-color: #f4f4f4;
    padding: 10px;
    display: inline-flex;
    margin: 10px 0;
    border-radius: 14px 4px 14px 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    box-shadow: 0 0 10px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 10px rgba(170,170,170,.08);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.08);  
}
.comments-area .comment-body:hover,.tags .tagslist li .name:hover,.tags .tagslist li:hover,.entry-tags a:hover{
border-radius: 4px 14px 4px 14px;

}
/*黑暗模式下评论链接文字*/
.ripro-dark.comments-area .comment-body a{
  color: #34495e;
}
  

/** 阴影集合 **/
.card-box,.user-profile .sidebar-card,.user-profile .edit--profile-area,.card-box .author-info,.comments-area,.entry-navigation,.widget-area .widget,.widget-pay .pay--rateinfo
{
box-shadow: 0 10px 20px rgba(224,224,224,.3);
}
/*VIP卡片介绍*/
.container .row .card {
    border: solid 1px #e5e5e5;
    width: 23.5%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.container .row .card.active {
    box-shadow: 4px 8px 40px 0 rgba(0, 0, 0, .1)
}
/*.container .row .card:not(:last-of-type) {*/
.container .row .card {
    margin: 10px;
}
.container .row .card.ent-base:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
}
/*.container .row .card.ent-base:hover, .container .row .card.ent-base:focus, .container .row .card.ent-base:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}*/
.container .row .card.ent-base {
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    
}
.container .row .card.ent-base .btn {
    background-image: -webkit-linear-gradient(bottom, #fff 30%, #fff);
    background-image: linear-gradient(to top, #fff 30%, #fff)
}
.container .row .card .version {
    font-weight: 700
}
.container .row .header {
    color: #fff;
    font-size: 14px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 23px;
    font-weight: 300;
    z-index: 1;
}
.container .row .header .price-year {
    margin-top: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 400
}

.container .row .header .pricing-deco {
    width: 100%;
}

.container .row .header .price-year .dollar {
    font-size: 18px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 3px;
    font-weight: 300
}

.container .row .header .price-year .price {
    font-size: 46px;
    letter-spacing: 1.7px;
    font-weight: 700;
    font-family: Helvetica
}


.container .row .header .price-quarter {
    font-size: 12px;
    margin: 5px auto 17px
}

.container .row .header .btn {
    width: 160px;
    color: rgba(0, 0, 0, .7);
    font-size: 14px;
    border: 0;
    font-weight: 500;
    font-family: PingFangSC;
    cursor: pointer
}

.container .row .header .btn:hover {
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .14)
}

.container .row .content {
    position: relative;
    font-size: 12px;
    /* padding-top: 24px; */
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 20;
    top: -10px;
    /*background-color: #f6f6f6;*/
}

.container .row .content .desc {
    line-height: 1;
    padding-left: 37px;
    margin-bottom: 18px;
    color: rgba(62, 62, 62, .8);
    position: relative
}
.container .row .content .desc i{
  top: 20%;
    margin-right: 10px;
    border-top: 0;
    border-right: 0;
    opacity: .6;
}
/*.container .row .content .desc:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 9px;
    border: 1px dashed #3e3e3e;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 20%;
    left: 16px;
    border-top: 0;
    border-right: 0;
    opacity: .6;
    filter: alpha(opacity=60)
}*/
@media (min-width: 1460px) {
    .container .row .card {
        width: 23.5%;
    }
} 

.container .row .pricing-deco .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.container .row .pricing-deco:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px,0,0);
    transform: translate3d(15px,0,0);
}

.container .row .pricing-deco:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px,0,0);
    transform: translate3d(-15px,0,0);
}
/*自助申请友情链接*/
@media screen and (max-width: 750px) { 
.container .row .card  {width: 100%} 
} 
.container .row .pricing-deco .deco-layer {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.container .row .pricing-deco:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px,0,0);
    transform: translate3d(15px,0,0);
}

.container .row .pricing-deco:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px,0,0);
    transform: translate3d(-15px,0,0);
}

.srcdict-yqlj{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    background:#fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
}

.clearfix{
    color: #fff;
    margin-top: 1rem;
    padding: 1rem 1.5rem;
    border: 1px solid transparent;
    border-radius: .375rem;
    max-width: 100%;
}

.mt20{
    margin-top: 20px;
    margin-bottom: 15px;
}

.card-header
{
    padding: 1.25rem 1.5rem;
    font-size: 1.0625rem;
    background-color: #fff;
}
.card-header:first-child
{
    border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}
/*侧边悬浮开始*/
.zzhuti_qd_1:hover {
    background: #ffffff;
    color: #fd7221;
}

.zzhuti_qd_1{
    color: #FFF;
}
.ripro-dark .zzhuti_qd_1{
  background: #ffffff;
}
.showcaidan:before {
  content: "\eaf1";
}

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

/*.float-radius{-moz-border-radius:4px;-webkit-border-radius:4px;}
/*.float-text{color:#f58365;}  字体颜色 */
/*.ripro-dark a.float-text{color:#f58365;} /* 夜晚模式字体颜色 */
/*.float-icon{color:#f58365;}  图标颜色 */
/*.float-hover{color:#f58365;} /* 鼠标掠过字体颜色 */
/*.flost-hover-bg{background-color:#f58365;} /* 鼠标掠过背景颜色 */
.ripro-dark .float-text{color:#34495e;} 
.float-border{border-color:#ececec !important} /* 边框颜色 */
.float-box{
    width:68px; /* 宽度 修改之后要修改float-alert-box里的right值，right值计算方式：此数值减去（5*2+2） */
    padding:5px;/* 按钮框边缘留出像素 */
    font-size:14px;/* 按钮字体大小 */
    position:fixed;
    right:0;     
    bottom: 1%;  
    z-index:9997;
    margin-bottom:20px;  /* 自身高度的一半 */
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+100));  /* 兼容低版本IE */
}
/* 会员开通开始 */
.float-vip{text-align:center;line-height:1.2;}
.float-vip a{display:block;width:100%;padding:10px 0;border:1px solid #ececec;background-color:#FFF;}
.float-vip a:hover{border-color:#f58365 !important;opacity:1;color:#FFF;}
.float-vip .iconfont{font-size:32px;line-height:32px;}
/* 会员开通结束 */
.float-ul,.float-ul li{margin:0;padding:0;}
.float-ul{margin-top:5px;text-align:center;line-height:1.2;list-style:none;background-color:#FFF;box-shadow: 0 2px 5px #e6e6e6;}
.float-ul .iconfont{font-size:22px;line-height:22px;}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px;}
.float-ul li a:hover{color:#FFF;}
.ripro-dark .float-ul li a:hover{color:#FFF; background-color: #171616;}
.float-ul li a.qq{-moz-border-top-left-radius:4px;-moz-border-top-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px;position: relative;}
.float-ul li a.weixin{position: relative;}
.float-ul li a.fankui{-moz-border-bottom-left-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.float-ul li a.fankui .iconfont{font-size:22px;line-height:22px;}
.float-alert-box{width:180px;height:185px;background-color:#FFF;border:1px solid #ececec;position: absolute;right:56px;top:0;z-index:9998;display:none;}
.ripro-dark .float-ul li a{
  color: #34495e;
}
/* 此上为按钮弹出微信框的数值，top值可调节整体高度*/
.float-qq-box{padding:20px 15px;}
.float-weixin-box{padding:15px;}
.float-weixin-box img{margin:0 auto;}
.float-weixin-box p{font-weight:600;margin-bottom:5px;}
.float-alert-box h6{font-size:20px;}
.float-alert-box p{line-height:24px;}
.float-ul li .float-qq-box{color:#666;}
.float-ul li .float-weixin-box{color:#666;top:-61px;}
.float-qq-btn{padding:10px;color:#FFF;}
@media screen and (max-width:639px){.float-box{display:none;}}
/*侧边结束*/
/*文章底部帮助*/
#help h2,#down h2 {
  font-size:18px;
  line-height:54px;
  color:#323232;
  /*border-bottom:2px solid #4f8af1;
  width:150px;*/
  font-weight:normal;
  margin-top:20px;
}
#help dt {
  cursor:pointer;
  color:#353535;
  font-size:18px;
  margin-bottom:20px;
}
#help dd {
  display:none;
  color:#767676;
  font-size:14px;
  padding:10px;
  border-radius:5px;
  background:#f0f0f0;
  margin-bottom:20px;
  margin-bottom:20px;
  line-height:25px;
  letter-spacing:1px;
}
#help dt,#help dd {
  margin-left:40px;
  position:relative;
}
#help dt i,#help dd i {
  background:url(../ripro-chlid/assets/images/ico.png) no-repeat;
  width:30px;
  height:30px;
  display:block;
  position:absolute;
  left:-40px;
  top:0px;
}
#help dd i {
  background-position: 0 -35px;
}
.ripro-dark #help dt,.ripro-dark #help h2{
  color: #ffffff;
}



/*
* dark-mode
*/

.ripro-dark .alert-dark {
    background-color: #0e0e0e;
}
.ripro-dark .card-box .author-info {
    background: #181819;
}
.ripro-dark .card-box .author-info h3 {
    color: #eeeeee;
}
.ripro-dark .widget-userinfo .author-fields div {
    background-color: #131315;
}
.ripro-dark .navbar .navbar-button{
    background-color: #1e1e1f;
    border: 1px solid #1e1e1f;
    color: #d4e2ff;
    background-image: none;
    -webkit-animation: none;
}
.ripro-dark .off-canvas .canvas-close{
    background-color: #1e1e1f;
    border: 1px solid #1e1e1f;
    color: #fff;
    background-image: none;
    -webkit-animation: none;
}
.ripro-dark .burger{
    background-color: #1e1e1f;
    border: 1px solid #1e1e1f;
    color: #d4e2ff;
    background-image: none;
    -webkit-animation: none;
}
.ripro-dark .burger:before {
    background-color: #d4e2ff;
    background-image: none;
    -webkit-animation: none;
}
.ripro-dark .burger:after {
    background-color: #d4e2ff;
    background-image: none;
    -webkit-animation: none;
} 
.ripro-dark .navbar .user-pbtn {
    background-color: #1e1e1f;
    border: 1px solid #1e1e1f;
    color: #d4e2ff;
    background-image: none;
    -webkit-animation: none;
}

.ripro-dark .navbar .user-pbtn:hover {
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
     
    box-shadow: 0 5px 0 0 #2c2c2c;
}

.ripro-dark .tap-dark.navbar-button{
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-name:breathe;
    -webkit-animation-duration:2700ms;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
}
/*
.ripro-dark .post-grid{
    border: 1px solid #2d2d2d;
}*/

.ripro-dark .entry-thumbnails-17codesign{
    background: #0e0e0e;
    border: 1px solid #0e0e0e;
    box-shadow: 0 4px 12px 0 #181616;
}
.ripro-dark .codesign-tgroup{
    border-bottom: 1px solid #232426;
}
/*.ripro-dark .article-content .entry-header .entry-title {
    background: #0e0e0e;
    border-bottom:none;
}*/
.ripro-dark .entry-navigation{
    background-color: #171515;
}
.ripro-dark .article-nav span.article-nav-next::before{
    background-color: #232426;
}
.ripro-dark .module.parallax img {
    display: block;
}
@-webkit-keyframes breathe {
    0% {
    opacity:.2;
    box-shadow:0 1px 2px rgba(255,255,255,0.1);
}
100% {
    opacity:1;
    box-shadow: 0 1px 40px rgb(0, 86, 255);
}
}

.widget_tabcontent h3 .selected,.widget_tabcontent h3 .selected.on, .widget_tabcontent h3 .selected:hover,.widget_tabcontent h3 span:hover{
    color: #fff;
    box-shadow: 0 4px 20px rgba(115,113,239,0.5);
    border-radius: 50px;
}
.widget_tabcontent h3 span {
    margin: 0 18px;
    font-weight: 300;
    letter-spacing: .51px;
    position: relative;
    line-height: 1;
   /* text-shadow: 0 1px 0 rgba(49,49,49,0.5);*/
    padding-bottom: 5px;padding-top:5px;
    padding-left:10px;padding-right:10px;
    cursor:default;

}
@media(max-width:768px) {
.widget_tabcontent h3 span
{
  margin: 0 0px;
}
}
.ripro-dark .site-content,.ripro-dark .filter--content,.ripro-dark .filter--content .form-box,.ripro-dark .filter--content .filter-item a:hover
{
    background-color: #232425;
}
.ripro-dark .home-cat-nav-wrap ul li:hover .btn
{
  background-color: #2c63ff;
}
.ripro-dark .bgcolor-fff,.ripro-dark .pb-0,.ripro-dark .codecdk-panel,.ripro-dark .home-vip-mod{
    background: #181616;
}
.ripro-dark .widget_tabcontent h3 span {
    color: #fff;
    margin: 0 18px;
    font-weight: 300;
    letter-spacing: .51px;
    position: relative;
    line-height: 1;
   /* text-shadow: 0 1px 0 rgba(49,49,49,0.5);*/
    padding-bottom: 5px;
}
.ripro-dark.home-first-screen,.ripro-dark.container,.ripro-dark.header__dropdown{
    background-color: #1e1e1f;  
}
.ripro-dark.article-content,.ripro-dark .article-copyright {
    color: #fff;
    border: 0px dashed #232425;
}
.ripro-dark .comments-area .comment-body{
background-color: #fff;
}
/*2020.2.18*/
.ripro-dark .footer-widget .widget--newsletter button {
    color: #f6f6f6;
}
.ripro-dark textarea {

    background: #f6f6f6;
}
/**/
.ripro-dark .codecdk-panel {
    background-color: #1e1e1f;
    background-size: contain;
    background-attachment: fixed;
}
.ripro-dark.charge .modules__content .amounts ul li p{
    color: #1e1e1f;
}
.text-center {
    text-align: center!important;
    
    
}
.widget_tabcontent .hide-code {
    display: none;
}

.show {
    display: block;
}
.show {
    display: block!important;
}
.article-info ol,
.article-info ul {
    list-style: none;
}
.ripro-dark .article-content,.ripro-dark .tags .tagslist li .name {
    background-color: #2d2d2d;
    color: #fff;
}

.ripro-dark .widget-area .widget {
    background-color: #2d2d2d;
}
/*自定义底部*/
.index-bottom-tip {
padding-top: 80px;
    
}
.index-md-bg {
    background: -webkit-linear-gradient(top,transparent 65px,#ffffff 0);
    background: linear-gradient(180deg,transparent 65px,#ffffff 0);
    margin-top: -50px;
}
.ripro-dark .index-md-bg,.ripro-dark,.ripro-dark .index-bottom-tip:after{
  background: -webkit-linear-gradient(top,transparent 65px,#181616 0);
    background: linear-gradient(180deg,transparent 65px,#181616 0);
}


.index-bottom-box {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 0;
}


.index-bottom-box {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 0;
}
.index-gradient-btn:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:5px;background-color:#fff;content:"";opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}
.index-gradient-btn:hover:before{opacity:1}


.index-m3-box, .index-m-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-m3-box {
    z-index: 1;
    text-align: left;
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    padding: 30px;
    -ms-flex-item-align: center;
    align-self: center;
    min-height: 130px;
    color: #fff;
}
.index-m3-box:hover .index-new-num{background:-webkit-linear-gradient(bottom,#4772d9,#6d47d9);color:#4772d9;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.index-m3-box:hover ._2I1Tz1ES{opacity:1}
.index-m3-box:hover .index-m3-name,.index-m3-box:hover .index-new-wk,.index-m3-box:hover .index-svg-v{color:#282828;opacity:.4}
.index-gradient-btn:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:5px;background-color:#fff;content:"";opacity:0;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}
.index-gradient-btn:hover:before{opacity:1}
.index-slider,.index-slider *,:after,:before{box-sizing:inherit}
.index-gradient-btn {
    background: -webkit-linear-gradient(top left,rgba(71,114,217,.92),rgba(109,71,217,.92));
    background: linear-gradient(to bottom right,rgba(71,114,217,.92),rgba(109,71,217,.92)),;
    position: relative;
    border-radius: 6px;
    text-align: center;
    color: #282828;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-m-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.index-m3-box, .index-m-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-m-box-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.index-new-num {
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-family: Montserrat,sans-serif;
    font-size: 42px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: -.015em;
    display: block;
    color: #fff;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-bottom: 5px;
}
.index-new-j {
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .025em;
    letter-spacing: .075em;
    color: #00dcaf;
    display: block;
    margin: 0 0 -5px 5px;
}
.index-new-wk {
    display: inline-block;
    opacity: .6;
    line-height: 1em;
    margin-left: 5px;
    color: #fff;
}
.index-svg-v {
    font-size: .6em;
    margin-left: 5px;
    opacity: .6;
}

index-svg {
    fill: currentColor;
    height: 1em;
    stroke-width: 0;
}
.index-m3-name {
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: .075em;
    text-transform: uppercase;
    letter-spacing: .16em;
    line-height: .9em;
    opacity: .6;
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #fff;
}

@media (min-width: 1350px){
.index-bottom-box-new:last-child {
    margin-right: 0;
}
}
@media (min-width: 1000px){
.index-bottom-box-new:last-child {
    margin-right: 0;
}
}
@media (min-width: 1350px){
.index-bottom-box-new {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 48.90511%;
    flex-basis: 48.90511%;
    margin-right: 2.18978%;
}
}
@media (min-width: 1000px){
.index-bottom-box-new {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 0;
    -ms-flex-preferred-size: 31.87331%;
    flex-basis: 31.87331%;
    margin-right: 2.18978%;
}
}
@media (min-width: 1350px){
.index-bottom-c-column {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}
}
.index-bottom-c-column {
    padding: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
}
.index-bottom-c-pic {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
@media (min-width: 1350px){
.index-bottom-c-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}

@media (min-width: 1350px){
.index-bottom-c-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
}
.index-bottom-c-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    position: relative;
}

@media (min-width: 1350px)
{
.index-bottom-c-h4 {
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-family: Montserrat,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .025em;
    letter-spacing: .16em;
}
}
.index-bottom-c-h4 {
    font-weight: inherit;
    font-style: inherit;
    letter-spacing: 0;
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: .075em;
    text-transform: uppercase;
    letter-spacing: .16em;
    display: block;
    margin: 0;
    color: #fff;
}

.index-bottom-c-red {
    color: #f93d66;
}


.index-bottom-c-pay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.index-bottom-tip, .index-bottom-tip * {
    box-sizing: inherit;
}
.index-bottom-c-pay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.index-bottom-c-column{padding:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-radius:6px;overflow:hidden;text-align:center}
.index-bottom-c-column:hover .index-bottom-c-pic{-webkit-transform:scale(1.02);transform:scale(1.02)}
@media (min-width:1350px){.index-bottom-c-column{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}
}
.index-bottom-c-pic{position:absolute;top:0;left:0;min-width:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.index-bottom-c-column img{max-width: initial;}
.index-bottom-c-box{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:relative}
@media (min-width:1350px){.index-bottom-c-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.index-bottom-c-h4{font-weight:inherit;font-style:inherit;letter-spacing:0;font-family:Montserrat,sans-serif;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;letter-spacing:.16em;display:block;margin:0;color:#fff}
@media (min-width:1350px){.index-bottom-c-h4{font-weight:inherit;font-style:inherit;letter-spacing:0;font-family:Montserrat,sans-serif;font-size:16px;line-height:24px;font-weight:600;letter-spacing:.025em;letter-spacing:.16em}
}
.index-bottom-c-red{color:#f93d66}
.index-bottom-c-pay{position:absolute;top:0;right:0;bottom:0;left:0}
.index-bottom-column{margin:auto;padding-left:10px;padding-right:10px;width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media (min-width:750px){.index-bottom-column{width:95%;max-width:95%;padding-left:5px;padding-right:5px;margin-left:auto;margin-right:auto}
}
@media (min-width:1000px){.index-bottom-column{width:95%;max-width:95%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
}
@media (min-width:1200px){.index-bottom-column{width:1370px;max-width:95%;margin-left:auto;margin-right:auto}
}
.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0}
.index-bottom-box:last-child{margin-right:0}
@media (max-width:749px){.index-bottom-box:nth-child(2){display:none}
}
@media (min-width:750px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:48.90511%;flex-basis:48.90511%;margin-right:2.18978%;display:block}
.index-bottom-box:last-child{margin-right:0}
}
@media (min-width:750px) and (max-width:999px){.index-bottom-box:nth-child(2):nth-child(n){margin-right:0}
}
@media (min-width:1000px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:31.87331%;flex-basis:31.87331%;margin-right:2.18978%}
.index-bottom-box:last-child{margin-right:0}
}
@media (min-width:1350px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:23.35767%;flex-basis:23.35767%;margin-right:2.18978%}
.index-bottom-box:last-child{margin-right:0}
}

@media (min-width:1350px){.index-bottom-c-box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.index-bottom-c-h4{font-weight:inherit;font-style:inherit;letter-spacing:0;font-family:Montserrat,sans-serif;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;letter-spacing:.16em;display:block;margin:0;color:#fff}
@media (min-width:1350px){.index-bottom-c-h4{font-weight:inherit;font-style:inherit;letter-spacing:0;font-family:Montserrat,sans-serif;font-size:16px;line-height:24px;font-weight:600;letter-spacing:.025em;letter-spacing:.16em}
}
.index-bottom-c-red{color:#f93d66}
.index-bottom-c-pay{position:absolute;top:0;right:0;bottom:0;left:0}
.index-bottom-column{margin:auto;padding-left:10px;padding-right:10px;width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
@media (min-width:750px){.index-bottom-column{width:95%;max-width:95%;padding-left:5px;padding-right:5px;margin-left:auto;margin-right:auto}
}
@media (min-width:1000px){.index-bottom-column{width:95%;max-width:95%;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
}
@media (min-width:1200px){.index-bottom-column{width:1370px;max-width:95%;margin-left:auto;margin-right:auto}
}
.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0}
.index-bottom-box:last-child{margin-right:0}
@media (max-width:749px){.index-bottom-box:nth-child(2){display:none}
}
@media (min-width:750px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:48.90511%;flex-basis:48.90511%;margin-right:2.18978%;display:block}
.index-bottom-box:last-child{margin-right:0}
}
@media (min-width:750px) and (max-width:999px){.index-bottom-box:nth-child(2):nth-child(n){margin-right:0}
}
@media (min-width:1000px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:31.87331%;flex-basis:31.87331%;margin-right:2.18978%}
.index-bottom-box:last-child{margin-right:0}
}
@media (min-width:1350px){.index-bottom-box{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:23.35767%;flex-basis:23.35767%;margin-right:2.18978%}
.index-bottom-box:last-child{margin-right:0}
}
.index-bottom-box-new{display:none}
@media (min-width:1000px){.index-bottom-box-new{-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:31.87331%;flex-basis:31.87331%;margin-right:2.18978%}
.index-bottom-box-new:last-child{margin-right:0}
}
@media (min-width:1350px){.index-bottom-box-new{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:48.90511%;flex-basis:48.90511%;margin-right:2.18978%}
.index-bottom-box-new:last-child{margin-right:0}
}
.index-bottom-tip:after{content:"";display:block;height:30px;background-color:#ffffff}
.index-bottom-c-btn{font-size: 10px; width: 30px; height: 8px; margin-left: 6px;}

.index-m3-box-btn {
    background: -webkit-linear-gradient(315deg,rgba(109,71,217,.92),rgba(249,61,102,.92));
    background: linear-gradient(135deg,rgba(109,71,217,.92),rgba(249,61,102,.92));
}
.chip  {
    background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
    /*border-radius: 10px;*/
    padding: 0 12px;
}
.ripro-dark .entry-footer a {
    background: #2d2d2d;
    color: #fff;
}
/*评论框
textarea{
    outline: none;
    background: url(../ripro-chlid/assets/images/2032-3.png) no-repeat;
    background-position: center;
}*/
/*弹幕CSS*/
.barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 99999}
.barrage_box{background-color: rgba(0,0,0,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.barrage_box .portrait img{width: 100%;height: 100%;}
.barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #fff;line-height: 40px;margin-left: 18px; }
.barrage_box div.p a:hover{text-decoration: underline;}
.barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(255,255,255,.1);margin-top:8px; background-image: url(close.png);}
.barrage_box:hover .close{visibility:visible;opacity: 1;}
.barrage_box .close a{display:block;}
.barrage_box .close .icon-close{font-size: 14px;color:rgba(255,255,255,.5);display: inline-block;margin-top: 5px; }
.barrage .z {float: left !important;}
.barrage  a{text-decoration:none;}

.ripro-dark .barrage{position: fixed;bottom:70px;right:-500px;display: inline-block;width: 500px;z-index: 99999}
.ripro-dark .barrage_box{background-color: rgba(255,255,255,.5);padding-right: 8px; height: 40px;display: inline-block;border-radius: 25px;transition: all .3s;}
.ripro-dark .barrage_box .portrait{ display: inline-block;margin-top: 4px; margin-left: 4px; width: 32px;height: 32px;border-radius: 50%;overflow: hidden;}
.ripro-dark .barrage_box .portrait img{width: 100%;height: 100%;}
.ripro-dark .barrage_box div.p a{ margin-right: 2px; font-size: 14px;color: #000;line-height: 40px;margin-left: 18px; }
.ripro-dark .barrage_box div.p a:hover{text-decoration: underline;}
.ripro-dark .barrage_box .close{visibility: hidden;opacity: 0; text-align: center; width:25px;height: 25px;margin-left: 20px;border-radius: 50%;background:rgba(0,0,0,.1);margin-top:8px; background-image: url(close.png);}
.ripro-dark .barrage_box:hover .close{visibility:visible;opacity: 1;}
.ripro-dark .barrage_box .close a{display:block;}
.ripro-dark .barrage_box .close .icon-close{font-size: 14px;color:rgba(0,0,0,.5);display: inline-block;margin-top: 5px; }
.ripro-dark .barrage .z {float: left !important;}
.ripro-dark .barrage  a{text-decoration:none;}
/*统计样式*/
.xk-data em {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
    padding-left: 20px;
}
address, caption, cite, code, dfn, em, i, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
.xk-data strong {
    line-height: 1;
    font-size: 24px;
    color: #f9b015;
}
/***统计***/
.pb-0 {
    /*background: #fff;*/
    padding: 0;
}
.alert-dark {
    background-color: #f0f4ff;
    color: #0e3686;
}
@media (max-width: 767px) {
  .alert-dark  {
  width: 100%;
  }
  .type_icont_2,.description-17codesign{
    font-size: 10px;
  }
}
.description-17codesign{
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    color: #6b798e;
}

.type_icont_2{
    background-size:1400% 300%;
    animation:mymove 10s ease infinite;
    -webkit-animation: mymove 10s ease infinite;
    -moz-animation: mymove 10s ease infinite;
    color: #fff;
    border:none;
}
@keyframes mymove
    {
         0% {
            background-position: 0% 0%; }
            50% {
            background-position: 50% 100%; }
            100% {
             background-position: 100% 0%; }
    }

/*顶部头像弹出框*/
.header-center .md-l {
    float: left;
    width: 47%;
    border-radius: 6px;
    margin-right: 15px;
    transition: transform 0.1s;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(135deg,#89f1fe,#63a8f6);
    box-shadow: 3px 3px 10px #17161614;
}
.header-bottom ul {
    padding: 1px;
    display: flex;
    text-align: center;
    margin: auto;
}

.header-bottom li i {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    transition: transform 0.2s;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 6px 16px -5px rgba(0,0,0,0.3);
    border-radius: 16px;
    padding: 4px 11px;
    font-size: 15PX;
    line-height: 2;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.header-center .md-t {
    
    margin-bottom: 5px;
    border-radius: 5px;
    position: relative;
    transition: transform 0.1s;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(135deg,#fe89c0,#f44069);
    box-shadow: 3px 3px 10px #17161614;
}.header-center .md-t a {
    position: absolute;
    right: 10px;
    top: 5px;
    background: linear-gradient(-180deg,#f6f6f6 2%,#f6f6f6 98%);
    padding: 1px 10px;
    border-radius: 20px;
    color: #ec2546;
    box-shadow: 3px 4px 10px #17161617;
}
.header-center .md-b {

    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    transition: transform 0.2s;
    background-image: linear-gradient(135deg,#fee11b,#fe8e06);
    border: 2px transparent solid;
}
.ripro-dark .header-box {
    color: #232425;
}
.header-center .jinbi i,.header-center .dou i{
  background: none;
  top:0px;
}
/*
*首页分类推荐，底部透明


.site-header,.navbar .sub-menu,.mega-menu,.navbar .menu-item.menu-item-has-children>a:after
{
    background-color: rgba(255, 255, 255, 0.9) !important;
}*/
/*首页分类美化*/
.entry-thumbnails-17codesign {
    background: #fff;
    margin: 30px 0;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #e1e6f0;
    box-shadow: 0 4px 12px 0 rgba(193,205,241,.42);
}
.entry-thumbnails-17codesign:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 24px;
    top: 50px;
    left: 0;
    box-shadow: 8px 0px 12px 0 rgba(56,96,244,.34);
    border-radius: 2px;
}
.entry-title-17codesign {
    font-size: 18px;
    font-weight: 600;
    color: #34495f;
    margin-bottom: 4px;
}
.group-17codesign{
    display: flex;
    justify-content:flex-end;
}
.thumbnail-17codesign{
    width: 34px;
    height: 34px;
    margin-right: 10px;
    border-radius: 50%;
    background: #eaeaea;
}
.group-17codesign span{
    line-height: 34px;
}
.thumbnail-17codesign img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px dashed #fff;
    box-shadow: 0 1px 12px rgba(51, 51, 51, 0.1);
}


/*首页底部友情链接*/
.col-xs-12.friend-links {
    padding: 14px;
}
.codesign-fl {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
  font-size: 13px;
}
.codesign-fl li{
margin-left: 10px;
}
.codesign-fl a{
    color: #949494;
}
.codesign-fl a:hover{
    color: #058ff9;
}
.codesign-dw{
  background-color: #f7f8fa;
  text-shadow: #fff 0px 1px 0px;
  width:100%
}
@media (max-width: 768px) {
  .codesign-dw  {
    display: none
  }
}

.ripro-dark .codesign-dw{
  border: 1px dashed #44444487;
  background-color: #2d2d2d;
  text-shadow: #000 0px 1px 0px;
  width:100%
}

/*首页顶部图*/
@media (min-width: 750px) {
    .module.slider .post {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .module.slider .post{
        height:140px;
    }
}
.section {
    padding-top: 10px;
    padding-bottom: 10px;
}
.banner-17codesign{
    background: #fff;
}
.ripro-dark .banner-17codesign{
  background: #232425;
}

.entry-footer a {
    flex: none;
}
.module.slider .entry-footer a {
    color: #d4d4d4;
}
/*
@media (min-width: 1450px) {
    .container {
        max-width: 1440px;
    }

    .container.medium {
        max-width: 1030px;
    }
}
@media (min-width: 1500px) {
    .col-lg-1-5 {
        flex: 0 0 20%;
        width: 20% ;
        max-width: 20%;
    }
}
*/
.modular-title-2 .section-title span {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: .51px;
    position: relative;
    line-height: 1;
    background: #fff0;
}
/*首页锁*/

.entry-format {
    left: 100px;
    top: 80px;
    font-size: 25px;
    height: 30px;
    width: 30px;
    visibility:hidden;
}

.post-grid:hover .entry-format,.post-list:hover .entry-format {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
/*首页锁*/
.site {
    overflow: hidden;
}
.modular-title-2 .section-title:before{
  height: 0;
}
/*文章页引用*/
.article-content blockquote {
    position: relative;
    margin: 20px 0;
    box-shadow: 0 4px 12px 0 #cccccc91;
    padding: 10px 45px;
    border-radius: 3px;
    background-color: #f8f8fa;
}

  /* 闪字 */
.shanshan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .shanshan {
    display: none
  }
}
.heshan {
  position: relative;
}

.shanlian {
  color: #fff;
  line-height: 33px;
  text-align: center;
}

.heshan > a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    /* height: 68px; 
    padding: 15px;*/
  color: #adb7be;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition: color .2s;
}

.shanlian.lianzi {
  color: #CEA22C;
  line-height: 33px;
  text-align: center;
}

.shanlian.lianzi .ic_gif {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 100px;
  margin: 0 0 0 -50px;
}

.shanlian.lianzi .ic_gif1 {
  position: absolute;
  top: 0%;
  left: 50%;
  width: 88px;
  margin: 0 0 0 -44px;
}

.shanlian.lianzi .ic_gif::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../ripro-chlid/assets/images/tab_newani.png) no-repeat -60px 0;
  width: 13px;
  height: 25px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  animation: super_giftl 2s linear both infinite;
  -webkit-animation: super_ngiftl 2s linear both infinite;
}

.shanlian.lianzi .ic_gif1::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  background: url(../ripro-chlid/assets/images/tab_newani.png) no-repeat 0 0;
  width: 13px;
  height: 25px;
  transform-origin: right center;
  -webkit-transform-origin: right center;
  animation: super_giftl 1s linear both infinite;
  -webkit-animation: super_giftl 1s linear both infinite;
}

.shanlian.lianzi .ic_gif::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../ripro-chlid/assets/images/tab_newani.png) no-repeat -100px 0;
  width: 13px;
  height: 25px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  animation: super_giftr 2s linear both infinite;
  -webkit-animation: super_ngiftr 2s linear both infinite;
}

.shanlian.lianzi .ic_gif1::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  background: url(../ripro-chlid/assets/images/tab_newani.png) no-repeat -30px 0;
  width: 13px;
  height: 25px;
  transform-origin: left center;
  -webkit-transform-origin: left center;
  animation: super_giftr 1s linear both infinite;
  -webkit-animation: super_giftr 1s linear both infinite;
}

.shanlian.lianzi .txt {
  position: relative;
  font-size: 14px;
  color: #f5b344;
}

.shanlian.lianzi .txt1 {
  position: relative;
  font-size: 14px;
  color: #f5b344;
}

.shanlian.lianzi .ic_mask {
  position: absolute;
  top: 10px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 14px;
  overflow: hidden;
  background: 0 0;
}

.shanshan .shanlian.lianzi .ic_mask::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  background: #fff;
  top: -12px;
  left: 0px;
  animation: super_mask 2s linear both infinite;
  -webkit-animation: super_mask 2s linear both infinite;
  opacity: .6;
}
/* 闪字动画 */
@keyframes super_ngiftl {
  0%,100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(-15deg);
  }
}

@-webkit-keyframes super_ngiftl {
  0%,100% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(-15deg);
  }
}

@keyframes super_ngiftr {
  0%,100% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(15deg);
  }
}

@-webkit-keyframes super_ngiftr {
  0%,100% {
    -webkit-transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(15deg);
  }
}

@keyframes super_giftl {
  0%,100% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(-50deg);
  }
}

@-webkit-keyframes super_giftl {
  0%,100% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(-50deg);
  }
}

@keyframes super_giftr {
  0%,100% {
    transform: rotateY(0deg);
  }

  50% {
    transform: rotateY(50deg);
  }
}

@-webkit-keyframes super_giftr {
  0%,100% {
    -webkit-transform: rotateY(0deg);
  }

  50% {
    -webkit-transform: rotateY(50deg);
  }
}

@keyframes super_mask {
  0% {
    transform: translate(0,0) rotate(-30deg);
  }

  50%,100% {
    transform: translate(56px,22px) rotate(-30deg);
  }
}

@-webkit-keyframes super_mask {
  0% {
    -webkit-transform: translate(0,0) rotate(-30deg);
  }

  50%,100% {
    -webkit-transform: translate(56px,22px) rotate(-30deg);
  }
}

/* 闪字全部结束 */

[data-microtip] {
  position: relative;
}

[data-microtip]:before,
[data-microtip]:after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

[data-microtip]:before {
  background-size: 100% auto !important;
  content: "";
}

[data-microtip]:after {
  background: rgba(17, 17, 17, .9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(data-microtip);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

[data-microtip]:hover:before,
[data-microtip]:hover:after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/

[data-microtip-position|="top"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[data-microtip-position|="top"]:after {
  margin-bottom: 11px;
}

[data-microtip-position|="top"]:before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[data-microtip-position|="top"]:hover:before {
  transform: translate3d(-50%, -5px, 0);
}

[data-microtip-position|="top"]:after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[data-microtip-position="top"]:hover:after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[data-microtip-position="top-left"]:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[data-microtip-position="top-left"]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}


/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[data-microtip-position="top-right"]:after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}

[data-microtip-position="top-right"]:hover:after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}


/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[data-microtip-position|="bottom"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[data-microtip-position|="bottom"]:after {
  margin-top: 11px;
}

[data-microtip-position|="bottom"]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[data-microtip-position|="bottom"]:hover:before {
  transform: translate3d(-50%, 0, 0);
}

[data-microtip-position|="bottom"]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[data-microtip-position="bottom"]:hover:after {
  transform: translate3d(-50%, 0, 0);
}


/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[data-microtip-position="bottom-left"]:after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[data-microtip-position="bottom-left"]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}


/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[data-microtip-position="bottom-right"]:after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}

[data-microtip-position="bottom-right"]:hover:after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}


/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[data-microtip-position="left"]:before,
[data-microtip-position="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[data-microtip-position="left"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[data-microtip-position="left"]:after {
  margin-right: 11px;
}

[data-microtip-position="left"]:hover:before,
[data-microtip-position="left"]:hover:after {
  transform: translate3d(0, -50%, 0);
}


/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[data-microtip-position="right"]:before,
[data-microtip-position="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[data-microtip-position="right"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[data-microtip-position="right"]:after {
  margin-left: 11px;
}

[data-microtip-position="right"]:hover:before,
[data-microtip-position="right"]:hover:after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[data-microtip-size="small"]:after {
  white-space: initial;
  width: 80px;
}

[data-microtip-size="medium"]:after {
  white-space: initial;
  width: 150px;
}

[data-microtip-size="large"]:after {
  white-space: initial;
  width: 260px;
}

/**多色标签**/
.article-categories {
 margin-bottom: 40px;
  margin-top: 40px
}

.article-categories a {
 padding: 4px 10px;
 /*background-color: #19B5FE;*/
 color: #34495e;
 font-size: 12px;
 line-height: 16px;
 font-weight: 400;
 margin: 0 5px 5px 0;
 border-radius: 2px;
 display: inline-block
}
.article-categories a span {
    border-left: 1px solid #fff;
    display: inline-block;
    padding: 4px;
    margin-left: 5px;
    color: #232425;
    background-color: #eee;
    border-radius: 0 3px 3px 0px;
}
.ripro-dark .article-categories a{
  color: #f6f6f6;
}
.article-categories a:nth-child(5n) {
 border: 1px dashed #4A4A4A;
}

.article-categories a:nth-child(5n+1) {
 border: 1px dashed #ff5e5c;
}

.article-categories a:nth-child(5n+2) {
 border: 1px dashed #ffbb50;
}

.article-categories a:nth-child(5n+3) {
 border: 1px dashed #1ac756;
}

.article-categories a:nth-child(5n+4) {
 border: 1px dashed #19B5FE;
}

.article-categories a:hover {
 border: 1px dashed #1B1B1B;
}

.article-title {
 position: relative;
 margin-bottom: 15px;
 font-size: 26px;
 line-height: 1.3;
 display: block;
 font-weight: 400;
 margin: 0 0 35px;
 padding: 0 0 30px;
 border-bottom: 1px solid #e7e7e7;
 color: #FFF
}
/*打赏*/
.reward {
  left:50%;
  position: absolute;
   
}
@media (max-width: 767px) {
  .reward {
    display: none
  }
}
.reward .reward-notice {
  font-size:14px;
  line-height:14px;
  margin:15px auto;
  text-align:center
}
.reward .reward-button {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0 auto;
  padding-left:10px;
  padding-right:10px;
  -webkit-user-select:none;
  text-align:center;
  vertical-align:middle;
  color:#fff;
}
.reward .reward-code {
  position:absolute;
  top:-220px;
  left:50%;
  display:none;
  width:350px;
  height:200px;
  margin-left:-175px;
  padding:15px;
  border:1px solid #e6e6e6;
  background:#fff;
  box-shadow:0 1px 1px 1px #efefef
}
.reward .reward-button:hover .reward-code {
  display:block
}
.reward .reward-code span {
  display:inline-block;
  width:150px;
  height:150px
}
.reward .reward-code span.alipay-code {
  float:left
}
.reward .reward-code span.alipay-code a {
  padding:0
}
.reward .reward-code span.wechat-code {
  float:right
}
.reward .reward-code img {
  display:inline-block;
  float:left;
  width:150px;
  height:150px;
  margin:0 auto;
  border:0
}
.reward .reward-code b {
  font-size:14px;
  line-height:26px;
  display:block;
  margin:0;
  text-align:center;
  color:#666
}
.reward .reward-code b.notice {
  line-height:2rem;
  margin-top:-1rem;
  color:#999
}
.reward .reward-code:after,.reward .reward-code:before {
  position:absolute;
  content:'';
  border:10px solid transparent
}
.reward .reward-code:after {
  bottom:-19px;
  left:50%;
  margin-left:-10px;
  border-top-color:#fff
}
.reward .reward-code:before {
  bottom:-20px;
  left:50%;
  margin-left:-10px;
  border-top-color:#e6e6e6
}

/**====首页横屏滚动，样式开始====*/
.ripro-dark .toptu{
  background-color: #1d1e1f;
}
.item.scroll {
    left: 0px;
    width: 100%;
    height: 420px;
    background-size: auto 100%;
    pointer-events: none;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease 0s;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background: #000;
    word-wrap: break-word;
    box-sizing: border-box;
    outline: none;
}
@media (max-width: 767px) {
  .item.scroll{
        height: 220px;
  }
}


.item.scroll .scroll-image {
    position: relative;
    height: 100%;
    transform: translateX(0px);
    animation: banner 40s linear infinite;
    opacity: 0.5;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
.hVBrzU {
    position: absolute;
    top: 85px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 16px;
    white-space: normal;
    width: 100%;
    margin: auto;
}

.static {
    position: static;
    margin-top: 10px;
    padding-left: 21px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1450px;
}
@media (max-width: 768px){.static {display:none;}}
.static .flex {
    padding: 0;
    margin:0;
    display: flex;
}
.static li.st_one {
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    list-style: none;
    transition: all .3s ease-out;
}

.static li.st_one:hover {
    transform: translateY(5px);
}

.static .st_one .card-main {
    width: 100%;
}

.static .active-card-title {
    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;
}

@media screen and (max-width: 900px) {
    .item.scroll {
        height: 200px;
        margin-top:-76px;
        
    }
}

.sc-1wssj0-17 img{
  display: inline-block;
}

@-webkit-keyframes banner {
    from {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes banner {
    from {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.item img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.entry-media .placeholder {
    background-color: unset;

}
/**====首页横屏滚动，样式结束====**/


/*底部*/
.section-statistics {
    position: relative;
}

.section-statistics {
    padding-bottom: 8%;
    overflow: hidden;
}
.section-item {
    padding: 4% 0;
}
.ripro-dark .gradient, .widget_nav_menu{
  background-color: #525150;
    background: -moz-linear-gradient(0deg,#312f30 35%,#525150 100%);
    background: -webkit-linear-gradient(0deg,#312f30 35%,#525150 100%);
    background: linear-gradient(0deg,#312f30 35%,#525150 100%);
}
.section-statistics:before {
    right: 0;
    bottom: -35%;
    background-color: rgba(0,0,0,.025);
    animation: wawes 6s infinite linear;
}

.section-statistics:before, .section-statistics:after {
    content: '';
    position: absolute;
    width: 1000px;
    height: 1000px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: 0;
}
@media only screen and (max-width: 1440px){
.inner {
    width: 1200px;
}}

.inner {
    max-width: 1400px;
    clear: both;
    margin:auto;
}
.col-mid-2, .col-mid-3, .col-mid-4 {
    margin: 0 -1.5%;
}
.section-statistics .col-mid-4 div {
    color: #fff;
    line-height: 1;
    text-align: center;
}

.col-mid-4 div:nth-child(4n+1) {
  
}
.col-mid-4 div {
    float: left;
 
    width: 20%;
}
.section-statistics .iconfont {
    padding: 15px;
    width: 80px;
    height: 80px;
    font-size: 44px;
    border: 1px solid rgba(255,255,255,.45);
    display: inline-block;
}
.section-statistics .number {
    margin: 25px auto 10px;
    font-size: 32px;
    position: relative;
    display: block;
}
sup {
    top: -.5em;
}
.inner:after, .full-inner:after, .section-content:after, .foot-widgets:after {
    content: " ";
    display: table;
    clear: both;
}
.section-statistics:after {
    left: 0;
    top: -25%;
    background-color: rgba(0,0,0,.035);
    animation: wawes 10s infinite;
}

.section-statistics:before, .section-statistics:after {
    content: '';
    position: absolute;
    width: 1000px;
    height: 1000px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: 0;
}
.section-content h3{
  color:#fff;
      opacity: 0.65;
  
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes wawes {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}
@keyframes slide {
  0% {
    transform: translateX(-25%)
  }

  100% {
    transform: translateX(25%)
  }
}
.radius50, .toggle-userbar img, .button-primary, .section-statistics .iconfont, .browser-frame span, .comment-list li .avatar, .user-form .fieldset .input-text {
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.section-statistics .fa{
    /*padding: 15px;*/
    width: 50px;
    height: 50px;
    font-size: 44px;
    /*border: 1px solid rgba(255,255,255,.45);*/
    display: inline-block;
border-radius:50px;
}
@media only screen and (max-width: 930px){
.section-item {
    padding: 6% 0;
}
  .inner {
    width: 94%;
}
.section-statistics .col-mid-4 div {
    margin: 15px auto;
}
.col-mid-4 div {
    width: 47%;
}
}

/*导航菜单增加分类统计*/
.navnum {
  position: absolute;
  top: 8px;
  left: 68%;
  color: #555;
  border-radius: 8px;
  text-align: center;
  font-family: Calibri;
  background: #eee;
  font-size: 12px;
  min-width: 32px;
}
@media screen and (max-width:680px) {
  .navnum {
  display: none;
}
}
/*标题前的标签 已改为右角标*/
.div-inline{ 
  float:left;
  top: 1px;
  
} 
.yclx{
  background: #f58365;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.zzlx{
  background: #00BFFF;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.jhlx{
  background: #72b352;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.tjlx{
  background: #FF00FF;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.ycslx{
  background: #FF4500;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.dclx{
  background: #7B68EE;
  padding: 3px 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    margin-right:5px;
}
.uposts .hentry {
  -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*用户小工具样式开始
.widget-userinfo{
  background: url(../ripro-chlid/assets/images/VIPZ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.authorinfo-header-title {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    display: flex!important;
}
.authorinfo-codesign-avatar {
    width: 45.6px;
    height: 45.6px;
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
        border-radius: 50%;
    overflow: hidden;
}
.author-info-vip{
        margin-left: 1rem;
    flex-shrink: 0;
    border-radius: 500px;
    cursor: pointer;
}
.authorinfo-header {
    font-size: 0.9rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
}
.authorinfo-header-time, .label-default{
    font-size: 0.7rem !important;
    color: #dedbd2;
    font-weight: 400;
    line-height: 1.5;
    background-color:rgba(0,0,0,0)
}
.authorinfo-codesign-single {
    width: 40px;
    height: 40px;
    display: flex;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}
.author-info-vip-single {
    margin-left: 0.4rem;
    flex-shrink: 0;
    border-radius: 500px;
    cursor: pointer;
}
.author-qiandao-single {
    padding: 0px;
    padding-top: 0px;
    height: 40px;
    line-height: 40px;
    right: -15px;
    position: absolute;
}

.ripro-author-fields{
  background-color:rgba(0,0,0,0)!important;    
  color: #fff;
}
.ripro-author-yue{
  font-size: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}*/
/*签到 样式结束*/
/*给博客统计加阴影、四角变圆滑、背景变透明*/
#wordpressrunninginfostat-2 section {
    border-radius:22px;
}
.list-group-item:first-child{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.list-group-item:last-child{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.list-group-item{
    background-color:transparent;
}
/*灯笼手机端不显示*/
@media (max-width:1500px){#leftDiv,#rightDiv{display:none !important}}
/*适应内页顶部波浪*/
.filter--content {border: unset;box-shadow: none;margin-top: -55px;padding: 0;}
.term-bar {padding: 80px 0;}
.site-content,.filter--content .form-box{background: #f6f6f6;}

/*footer-fav 样式开始*/
.footer-fav {
  position: relative;
  /*z-index: 20;*/
  overflow: hidden;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #eeeeee;
}
.ripro-dark .footer-fav{
  background: #2f2d2e;
  border-bottom: 1px solid #2f2d2e;
}
@media (min-width:768px) {
  .footer-fav {
    overflow: visible;
    width: auto;
  }
}

.footer-fav .container {
  overflow: visible;
  padding-top: 36px;
  padding-bottom: 36px
}

.footer-fav .site-info {
  width: 60%
}

@media (min-width:768px) {
  .footer-fav .site-info {
    display: inline-block;
    width: auto
  }
}

.footer-fav .site-info h2 {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 1.4
}

@media (min-width:768px) {
  .footer-fav .site-info h2 {
    font-size: 26px
  }
}

.footer-fav .site-info h2 a {
  color: #000
}
.ripro-dark .footer-fav .site-info h2 a {
  color: #ffffff
}

.footer-fav .site-info .site-p {
  margin-bottom: 10px
}

.footer-fav .site-info .site-p p:first-child:after {
  content: ','
}

@media (min-width:768px) {
  .footer-fav .site-info .site-p {
    margin-bottom: 0
  }

  .footer-fav .site-info .site-p p:first-child:after {
    content: ''
  }
}

.footer-fav .site-info p {
  display: inline;
  margin-bottom: 10px;
  color: #797979;
  font-size: 9pt;
  line-height: 1.8
}

@media (min-width:768px) {
  .footer-fav .site-info p {
    display: block;
    margin-bottom: 0;
    font-size: 14px
  }
}

.footer-fav .site-fav {
  padding-top: 5px
}

@media (min-width:768px) {
  .footer-fav .site-fav {
    float: right;
    display: block;
    padding-top: 24px
  }
}

.footer-fav .site-fav .btn-orange {
  padding: 0 1.2em;
  font-size: 14px;
  line-height: 2.5
}

@media (min-width:768px) {
  .footer-fav .site-fav .btn-orange {
    padding: 0 2em;
    color: #fff;
    font-size: 1pc;
    line-height: 3.5
  }
}

.footer-fav .site-girl {
  position: absolute;
  bottom: 0;
  left: 50%
}

.footer-fav .site-girl .girl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 180px;
  transition: all .3s
}

@media (min-width:768px) {
  .footer-fav .site-girl .girl {
    left: -50px
  }
}

.footer-fav .site-girl .girl:after {
  position: absolute;
  top: 40%;
  left: 100%;
  display: block;
  visibility: hidden;
  color: #a7a7a7;
  content: '';
  font-size: 20px;
  opacity: 0;
  transition: all .2s;
  transition: all .3s
}

.footer-fav .site-girl .thumb {
  display: block;
  padding-top: 116.667%;
  background-size: 100% 100%;
}

.footer-fav .site-girl .girl-info {
  margin-bottom: 55px;
  margin-left: 150px
}

.footer-fav .site-girl h4 {
  color: #797979;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8
}

.footer-fav .site-girl a {
  color: #797979
}


@media (min-width:768px) {
  .footer-fav:hover .site-girl .girl {
    left: -5pc
  }

  .footer-fav:hover .site-girl .girl:after {
    visibility: visible;
    opacity: 1;
    transition: all .2s
  }
}

@media (max-width:767px) {
  .footer-fav .btn-group>.btn:last-child {
    border-radius: 3px
  }
}

@media (max-width:767px) {
  .home .footer-fav {
    display: none
  }
}
.btn-orange {
  display: block;
  outline: 0;
  border: none;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  line-height: 2.4;
  cursor: pointer
}
/*footer-fav 样式结束*/
/*底部搜索框图标*/
.icon {
    height: 20px;
    vertical-align: middle;
    float: left;
}

.icon-v6-stripe.alipay {
    width: 64px;
    height: auto;
}

.icon-v6-stripe {
    margin-left: 0;
    margin-top:-19px;
    padding-right:20px;
}

.icon-v6-stripe.weixinpay {
    width: 75px;
    height: auto;
}
.mb-30f {
    margin-bottom: 10px !important;
}
@media (max-width: 1200px) {
    .payment {
        display: none
    }
}

/***首页网站快讯*****/
.fa-volume-up:before {
    content: "\f028";
}
.deanggwrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

}
.deangg {
  width:75%;
  float:left;
  /*height:30px;*/
  line-height:30px;
  background:#eee;
  padding:10px 0;
}
@media (max-width:767px) {
  .deanggwrap{
    display: none;
    margin-top: -80px;
    margin-bottom: -60px;
  }
}
.deanggspan {
  float:left;
  width:10%;
  margin:0 auto;
  color:#333;
  font-size:14px;
}
.deanggspan i {
  display:block;
  float:left;
  font-size:18px;
  color:#f60;
  margin-top:7px;
  margin-left:15px;
  margin-right:6px;
}
.deanggspan span {
  display: -webkit-inline-box;
  float:left;
}
.deangg b {
  height:12px;
  margin-top:9px;
  width:1px;
  display:block;
  float:left;
  background:#a8a8a8;
}
.deanggc {
  float:left;
  width:80%;
  margin-left:20px;
}
.announce-wrap {
  height:30px;
  overflow:hidden;
}
.deanggc ul {
  }
.deanggc ul li {
  font-size:14px;
  width:800px;
  display:block;
  clear:both;
  height:30px;
  /* line-height:30px;*/
  
}
.deanggc ul li a {
  font-weight:bold;
  float:left;
  display: -webkit-inline-box;
}
.ripro-dark .deanggc ul li a {
  color: #34495e;
}
.deanggc ul li a:hover {
  text-decoration: blink;
}
.deanggc ul li span {
  float:right;
  color:#999;
  font-size:12px;
  width:120px
}
.deanchart {
  float:right;
  height:50px;
  width:25%;
  color:#999;
  margin-left: 20px;
}
.deanchart ul {
  width: 460px;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}
.deanchart ul li {
  float:left;
  height:100%;
  margin-right:20px;
  font-size:14px;
}
.deanchart ul li i {
  display:block;
  float:left;
  width:35px;
  height:35px;
  margin-top:8px;
  background:url(../ripro-chlid/assets/images/today.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart2 i {
  background:url(../ripro-chlid/assets/images/zuori.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart3 i {
  background:url(../ripro-chlid/assets/images/zhuti.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart4 i {
  background:url(../ripro-chlid/assets/images/zongshu.png) 0 0 no-repeat;
}
.deanchart ul li.deanchart5 i {
  background:url(../ripro-chlid/assets/images/member.png) 0 0 no-repeat;
}
.deanchartdiv {
  float:left;
  margin-left:8px;
  margin-top:6px;
  text-align:center;
}
.deanchartdiv em {
  font-size:12px;
  color:#999;
  font-style: inherit;
}
.deanchartdiv span {
  font-size:12px;
  color:#999;
}
.deanchartdiv a {
  font-size:12px;
  color:#999;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.aligncenter p.wp-caption-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*首页分类标题*/
.products-category .content-wrapper{padding-bottom: 20px;}
.products-category .pricing-title{font-size: 24px;font-weight: 400;letter-spacing: .51px;position: relative;line-height: 1;}
.products-category p{color: #AFAFAF;font-size: 15px;letter-spacing: .46px;line-height: 1.86;margin: 1em 0;}
.products-category .center{text-align: center;}
.products-category .category-num,.page-product .category-num{margin-left: 3px;padding: 1px 20px;border-radius: 8px;font-weight:400;font-style: normal;font-stretch: normal;color: #fff;text-shadow: none;line-height: normal; font-family: 'Montserrat-Semi-Bold'}

/**cosy-user**/

.apollo-user-meta {
    position: relative;
    margin-top: 4rem;
    padding-bottom: 1.5rem;
}
.w-96 {
    width: 96px;
}
@media (min-width: 768px){
.user-d-flex{
    align-items: center;
    flex-direction: row;
    display: flex;
}
}
.user-d-flex{
    display: flex;
    flex: 1 1 auto;
}
@media (min-width: 768px){
.mb-md-0, .my-md-0 {
    margin-bottom: 0!important;
}
}
.rounded {
    border-radius: 6px;
}
.ml-md-4, .mx-md-4 {
    margin-left: 1.5rem!important;
}
.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}
.text-lg {
    font-size: 1.25rem !important;
    text-align:left;
}
.text-white {
    color: #ffffff!important;
}
.apollo-user-meta .name .badge {
    position: relative;
    top: -2.5px;
}
.badge-primary {
    background-color: #11999e;
}
.badge {
    border-radius: 2px;
    font-weight: normal;
}
.text-xs {
    font-size: 0.75rem !important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.mr-3, .mx-3 {
    margin-right: 1rem!important;
}
.font-theme {
    font-family: nicetheme, Arial, sans-serif;
}
.apollo-user-meta .data small {
    position: relative;
    top: -1px;
}
.text-light {
    color: #ebedf3 !important;
}
.data{
    text-align:left;
}
@media (max-width:767.98px){
    .text-white{
        padding-top:18px;
    }
}
.navbar-apollo{
  position: relative;
}
.navbar-apollo .nav-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.nav-user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-apollo .nav-user-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}
.nav-user-link {
    display: block;
    padding: 1rem 1rem;
}
.d-block {
    display: block!important;
    /*width: 30PX;*/
}
.nice-apollo-two .text-xl {
    font-size: 1.5rem !important;
}
.nice-icon {
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    
}
.nice-icon {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.text-xl {
    font-size: 1.6rem !important;
}

.navbar-apollo .nav-user-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
}
.nav-user{
  flex-wrap: nowrap;
  overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 5px;
}
.nav-user::-webkit-scrollbar {
    display: none;
}
@media (max-width:768px){
  .apollo-user-meta{
        padding-left: 10px;
  }
}
.payvip-box .vip-info{
  opacity: 0.7;
}

@keyframes langs {
  0% {
  margin-left:0
}
100% {
  margin-left:-1938px
}
}@-webkit-keyframes langs {
  0% {
  margin-left:0
}
100% {
  margin-left:-1938px
}
}
/*资源的更多信息*/
.agent--contact ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #8c8c8c;
    font-size: 13px;
  padding: 1px 20px 10px;
  position: relative;
}
.agent--contact ul li:not(:last-of-type):before {
    height: 100%;
    width: 1px;
    left: 3px;
    background: linear-gradient(-180deg,#0056ff 0,#0056ff 98%);
}
.agent--contact ul li:after {
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 7px;
    height: 7px;
    border-color: #448ef6;
    box-shadow: 0 0 0px 2px rgba(19, 126, 255, 0.2);
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    animation:hovertreemove /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无限播放*/
        alternate/*往返动画*/;
}
.agent--contact ul li:after, .agent--contact ul li:not(:last-of-type):before {
    content: "";
    position: absolute;
    top: calc((1em - -5px)/ 2);
}
.agent--contact .list-paybody {
    background-color: #f3f7ff;
}
/*两侧灯笼纯代码*/
.xian {
    position: absolute;
    top: -120px;
    left: 60px;
    width: 2px;
    height: 120px;
    background: #dc8f03;
}
.deng-box {
    position: fixed;
    top:50px;
    z-index: 999;
}
.deng-box1 {
    position: fixed;
    top:50px;
    right: 0px;
    z-index: 999;
}
@media screen and (max-width: 768px) { 
.deng-box,.deng-box1  {display:none} 
} 
.deng-box1 .deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.9);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
.deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.9);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 3s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
.deng-a {
    width: 100px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.2);
    margin: 12px 8px 8px 8px;
    border-radius: 50% 50%;
    border: 1px dashed #dc8f03;
}
.deng-b {
    width: 45px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.2);
    margin: -4px 8px 8px 26px;
    border-radius: 50% 50%;
    border: 1px dashed #dc8f03;
}
.shui {
    width: 5px;
    height: 40px;
    background: #ffa500;
    border-radius: 0 0 5px 5px;
}
.shui-a {
    margin: -10px 0 0 40px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -20px;
}
.shui-b {
    margin: -35px 0 0 59px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -45px;
}
.shui-c {
    margin: -45px 0 0 77px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -25px;
}
.deng:before {
    position: absolute;
    top: -7px;
    left: 29px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    z-index: 999;
    border-radius: 5px 5px 0 0;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to rightright, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.deng:after {
    position: absolute;
    bottombottom: -7px;
    left: 10px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    margin-left: 20px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to rightright, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.deng-t {
    font-family: 华文行楷,Arial,Lucida Grande,Tahoma,sans-serif;
    font-size: 20px;
    color: #dc8f03;
    font-weight: bold;
    line-height: 85px;
    text-align: center;
  
}
.night .deng-t,
.night .deng-box,
.night .deng-box1 {
    background: transparent !important;
}
@-moz-keyframes swing {
    0% {
        -moz-transform: rotate(-10deg)
    }
    50% {
        -moz-transform: rotate(10deg)
    }
    100% {
        -moz-transform: rotate(-10deg)
    }
}
@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(-10deg)
    }
    50% {
        -webkit-transform: rotate(10deg)
    }
    100% {
        -webkit-transform: rotate(-10deg)
    }
}
/*独家或推荐*/
.post-crp {
    position: absolute;
    z-index: 2;
    right: -1px;
    top: 0px;
    line-height: 1;
}
.shadow {
    text-shadow: 0 2px 2px rgba(7,17,27,.4);
}
post-cap {
  top: 13px !important;
}

.post-crp {
  position: absolute;
  z-index: 2;
  right: -1px;
  top: 0px;
  line-height: 1;
}

.post-cpp {
  position: absolute;
  z-index: 2;
  right: 0px;
  top: -10px;
  line-height: 1;
}
.post-cpp .feng-xianshimiaosha1 {
    margin: 15px 0 0 15px;
    display: block;
}
.post-crp i {
  font-size: 55px;
}

.post-cpp i {
  font-size: 50px;
}
@media screen and (max-width: 800px) {
  .post-crp i,.post-cpp i {
    font-size: 30px;
  }
}

.post-cap i {
  color: #fff;
  font-size: 20px
}

/*闪光按钮样式 开始*/
[class*=sgbtn] {
  display:inline-block;
  text-indent:0;
  position:relative;
  color:#fff;
  padding:0 10px 0 10px;
  min-width:160px;
  height:38px;
  line-height:38px;
  opacity:.8;
  text-align:center;
  font-family:Ubuntu,sans-serif;
  font-size:15px;
  text-decoration:none;
  border-radius:2px;
  overflow:hidden;
  -webkit-transition:all .15s ease-in;
  transition:all .15s ease-in
}
[class*=sgbtn]:before {
  content:'';
  position:absolute;
  background:#fff;
  width:25px;
  height:50px;
  top:0;
  left:-45px;
  opacity:.3;
  -webkit-transition:all .25s ease-out;
  transition:all .25s ease-out;
  -webkit-transform:skewX(-25deg);
  transform:skewX(-25deg)
}
[class*=sgbtn]:hover {
  opacity:.65
}
[class*=sgbtn]:hover:before {
  width:45px;
  left:205px
}
.sgbtn_blue {
  color:#fff;
  background:#1cb2f5
}
.sgbtn_red {
  color:#fff;
  background:#C00
}
.sgbtn_orange {
  color:#fff;
  background:#F90
}
.sgbtn_lv {
  color:#fff;
  background:#096
}
a[class*=sgbtn] {
  color:#fff
}
a[class*=sgbtn]:hover {
  color:#fff
}
/*闪光按钮样式*/
  /*!彩色按钮样式 开始*/
.greenbtn {
  -moz-box-shadow:0 10px 14px -7px #3e7327;
  -webkit-box-shadow:0 10px 14px -7px #3e7327;
  box-shadow:0 10px 14px -7px #3e7327;
  background:-webkit-gradient(linear,left top,left
    bottom,color-stop(0.05,#77b55a),color-stop(1,#72b352));
  background:-moz-linear-gradient(top,#77b55a 5%,#72b352 100%);
  background:-webkit-linear-gradient(top,#77b55a 5%,#72b352 100%);
  background:-o-linear-gradient(top,#77b55a 5%,#72b352 100%);
  background:-ms-linear-gradient(top,#77b55a 5%,#72b352 100%);
  background:linear-gradient(to bottom,#77b55a 5%,#72b352 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a',endColorstr='#72b352',GradientType=0);
  background-color:#77b55a;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  border:1px solid #4b8f29;
  display:inline-block;
  cursor:pointer;
  color:#fff !important;
  ;font-family:arial;
  font-size:13px;
  font-weight:bold;
  padding:6px 12px;
  text-decoration:none;
  text-shadow:0 1px 0 #5b8a3c
}
.greenbtn:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#72b352),color-stop(1,#77b55a));
  background:-moz-linear-gradient(top,#72b352 5%,#77b55a 100%);
  background:-webkit-linear-gradient(top,#72b352 5%,#77b55a 100%);
  background:-o-linear-gradient(top,#72b352 5%,#77b55a 100%);
  background:-ms-linear-gradient(top,#72b352 5%,#77b55a 100%);
  background:linear-gradient(to bottom,#72b352 5%,#77b55a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352',endColorstr='#77b55a',GradientType=0);
  background-color:#72b352;
}
.greenbtn:active {
  position:relative;
  top:1px;
}
.bluebtn {
  -moz-box-shadow:inset 0 1px 0 0 #54a3f7;
  -webkit-box-shadow:inset 0 1px 0 0 #54a3f7;
  box-shadow:inset 0 1px 0 0 #54a3f7;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007dc1),color-stop(1,#0061a7));
  background:-moz-linear-gradient(top,#007dc1 5%,#0061a7 100%);
  background:-webkit-linear-gradient(top,#007dc1 5%,#0061a7 100%);
  background:-o-linear-gradient(top,#007dc1 5%,#0061a7 100%);
  background:-ms-linear-gradient(top,#007dc1 5%,#0061a7 100%);
  background:linear-gradient(to bottom,#007dc1 5%,#0061a7 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1',endColorstr='#0061a7',GradientType=0);
  background-color:#007dc1;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #124d77;
  display:inline-block;
  cursor:pointer;
  color:#fff !important;
  ;font-family:arial;
  font-size:13px;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0 1px 0 #154682
}
.bluebtn:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0061a7),color-stop(1,#007dc1));
  background:-moz-linear-gradient(top,#0061a7 5%,#007dc1 100%);
  background:-webkit-linear-gradient(top,#0061a7 5%,#007dc1 100%);
  background:-o-linear-gradient(top,#0061a7 5%,#007dc1 100%);
  background:-ms-linear-gradient(top,#0061a7 5%,#007dc1 100%);
  background:linear-gradient(to bottom,#0061a7 5%,#007dc1 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7',endColorstr='#007dc1',GradientType=0);
  background-color:#0061a7;
}
.bluebtn:active {
  position:relative;
  top:1px;
}
.yellowbtn {
  -moz-box-shadow:inset 0 1px 0 0 #fff6af;
  -webkit-box-shadow:inset 0 1px 0 0 #fff6af;
  box-shadow:inset 0 1px 0 0 #fff6af;
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23));
  background:-moz-linear-gradient(top,#ffec64 5%,#ffab23 100%);
  background:-webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%);
  background:-o-linear-gradient(top,#ffec64 5%,#ffab23 100%);
  background:-ms-linear-gradient(top,#ffec64 5%,#ffab23 100%);
  background:linear-gradient(to bottom,#ffec64 5%,#ffab23 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0);
  background-color:#ffec64;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #fa2;
  display:inline-block;
  cursor:pointer;
  color:#333 !important;
  ;font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0 1px 0 #fe6
}
.yellowbtn:hover {
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffab23),color-stop(1,#ffec64));
  background:-moz-linear-gr adient(top,#ffab23 5%,#ffec64 100%);
  background:-webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%);
  background:-o-linear-gradient(top,#ffab23 5%,#ffec64 100%);
  background:-ms-linear-gradient(top,#ffab23 5%,#ffec64 100%);
  background:linear-gradient(to bottom,#ffab23 5%,#ffec64 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0);
  background-color:#ffab23;
}
.yellowbtn:active {
  position:relative;
  top:1px;
}
/*!彩色按钮样式 结束*/
/*网站新增彩色警示文本框*/ 
#tbc_cyan {
  color: #24b4f0;  
  background: #c0e8ff url('../ripro-chlid/assets/images/tbc_cyan.png') -1px -1px no-repeat;  
  border: 1px solid #24b4f0;   
  overflow: hidden;   
  margin: 10px 0;   
  padding: 15px 45px;   
} 
#tbc_green {
  color: #7da33c;   
  background: #ecf2d6 url('../ripro-chlid/assets/images/tbc_green.png') -1px -1px no-repeat;   
  border: 1px solid #aac66d;   
  overflow: hidden;   
  margin: 10px 0;   
  padding: 15px 45px;   
} 
#tbc_yellow {
  color: #ad9948;  
  background: #fff4b9 url('../ripro-chlid/assets/images/tbc_yellow.png') -1px -1px no-repeat;  
  border: 1px solid #eac946;  
  overflow: hidden;  
  margin: 10px 0;  
  padding: 15px 45px;  
}  
#tbc_pink {
  color: #c66;  
  background: #ffecea url('../ripro-chlid/assets/images/tbc_pink.png') -1px -1px no-repeat;  
  border: 1px solid #ebb1b1;  
  overflow: hidden;  
  margin: 10px 0;  
  padding: 15px 45px;  
}   
#tbc_gray {
  color: #556B2F;
  background: #eaeaea url('../ripro-chlid/assets/images/tbc_gray.png') -1px -1px no-repeat;
  border: 1px solid #c8c8c8;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 45px;  
}
/*小工具*/
.widget-title{ 
  position: relative;
    color: #393e46;
    font-size: .875rem;
    letter-spacing: 5px;
    padding-bottom: .875rem;
    margin-bottom: 1.5rem;
    font-weight:400;
}
.widget-title:after {
  content: "";
  position: absolute;
  left: 1px;
  width: 50px;
  height: 3px;
  bottom: -2px;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  transition: .5s
}
.widget:hover .widget-title:after {
  width: 40%
}

/*新友情申请*/
.link {
  height: 80px;
    background: #f7f8fa;
  border-radius: 5px;
  width:100%
} 
.link ul{
    list-style: none;
    list-style-type: none;
  padding-left: 0px;
  margin: 0px 0;
}
.link ul>span {
    float: left;
    display: block;
    font-size: 14px;
    height:80px;
    padding: 0 30px;
    padding-top: 0;
    color: #FFF;
    padding-top: 6px;
    text-align: center;
}
.link ul>span>a {
    padding: 1px 10px;
    border-radius: 20px;
    color: #f6f6f6;
}
.link li {
    float: left;
    display: block;
    list-style: none;
    list-style-type: none;
}
.link ul li a {
    display: inline-block;
    padding: 0 10px;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    color: #828282;
    padding-top: 8px;
  font-weight: 400;
}
.ripro-dark .link ul>span, .ripro-dark .link ul>span>a{
  background: linear-gradient(-125deg,#555 0%, #232425 100%);
}
.ripro-dark .link{
  border: 0px dashed #2b2c2c;
}
/*新友情链接*/
/*公众号隐藏*/
.post_hide_box, .secret-password {
background: none repeat scroll 0 0 #efe;
border-left: 5px solid #e74c3c;
color: #555;
padding: 10px 0 10px 10px;
border-radius: 5px;
margin-bottom: 15px;
overflow:hidden;
clear:both;
}
.post_hide_box .post-secret {
font-size: 18px;
line-height:20px;
color:#e74c3c;
margin:5px;
}
.post_hide_box form {
margin:15px 0;
}
.post_hide_box form span {
font-size:18px;
font-weight:700;
}
.post_hide_box .erweima {
margin-left:20px;
margin-right:16px;
}
.post_hide_box input[type=password] {
color: #9ba1a8;
padding: 6px;
background-color: #f6f6f6;
border: 1px solid #e4e6e8;
font-size: 12px;
-moz-transition: border .25s linear,color .25s linear,background-color .25s linear;
-webkit-transition: border .25s linear,color .25s linear,background-color .25s linear;
-o-transition: border .25s linear,color .25s linear,background-color .25s linear;
transition: border .25s linear,color .25s linear,background-color .25s linear;
}
.post_hide_box input[type=submit] {
background: #F88C00;
border: none;
border: 1px dashed;
border-color: #F88C00;
border-left: none;
border-top: none;
padding: 0px;
width: 100px;
height: 38px;
color: #fff;
outline: 0;
border-radius: 0 0 2px 0;
font-size: 16px;
}
.post_hide_box .details span {
color:#e74c3c;
}
.post_hide_box .details span {
color:#e74c3c;
}
.gzhhide .gzhcode {
position:absolute;
width:100px;
height:100px;
right:20px;
top:50%;
margin-top:-50px
}
.gzhhide {
background:#fff;
border-radius:10px;
padding:20px;
margin:15px 0;
position:relative;
box-shadow:0 0 20px #d0d0d0
}
.gzhhide .gzhtitle {
position:relative;
font-size:17px;
font-weight:700;
color:#6c80a7;
padding:6px 140px 0 40px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.gzhhide .gzhtitle .fa {
position:absolute;
left:0;
font-size:35px;
top:0
}
.gzh-content {
padding:20px 140px 15px 0;
font-size:14px;
color:#777
}
.gzhbox {
padding:0 140px 10px 0
}
.gzhbox input {
width:45%;
border:none;
color:#737373;
font-size:13px;
height:35px;
line-height:35px;
background:#f2f2f2;
border-radius:4px;
outline:none;
float:left;
padding:0 10px
}
.gzhbox button {
width:20%;
margin-left:15%;
border:none;
background-image: linear-gradient(to left, #f58365, #ff5c00);
color:#fff;
font-size:14px;
border-radius:5px
}
.gzhhide .gzhcode {
position:absolute;
width:100px;
height:100px;
right:20px;
top:50%;
margin-top:-50px
}
.gzhbox {
padding:0
}
.gzh-content {
padding:20px 90px 15px 0
}
.gzhhide .gzhcode {
width:120px;
height:120px
}
#vivideo {
height:200px
}



/*顶部公告*/
.site-header {
  margin-top:44px;
}

.header-gap {
  height:76px;
}
.ddeangg {
line-height: 30px;
}
 
.ddeanggspan {
float: left;
width: 105px;
margin: 0 auto;
color: #333;
font-size: 14px;
}
 
.ddeanggspan i {
display: block;
float: left;
font-size: 18px;
color: #7566fc;
margin-top: 7px;
margin-left: 5px;
margin-right: 6px;
}
 
.ddeanggspan span {
display: block;
float: left;
color: #eee;
}
 
.ddeangg b {
height: 12px;
margin-top: 9px;
width: 1px;
display: block;
float: left;
background: #a8a8a8;
}
 
.ddeanggc {
float: left;
 
}
.dannounce-wrap {
height: 30px;
overflow: hidden;
}
 
.ddeanggc ul {
margin-top: -30px;
}
 
.ddeanggc ul li {
font-size: 14px;
width: 580px;
display: block;
clear: both;
height: 30px;
/* line-height:30px; */
}
 
.ddeanggc ul li a {
font-weight: bold;
float: left;
max-width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
 
.ddeanggc ul li a:hover {
color: #7566fc;
text-decoration: blink;
}
 
.ddeanggc ul li span {
float: right;
color: #999;
font-size: 12px;
width: 120px
}
.ripro-dark .header-banner{background-color:#191616}.header-banner .ym-menu a,.header-banner{color:#fff}
.header-banner-left .menu li a{display:flex;align-items:center;opacity:.5;transition:opacity .2s ease-out}
.header-banner-left .menu li a:hover{opacity:1;transition:opacity .2s ease-out}
.header-banner-left ul{display:flex;align-items:center;padding-left: 0;margin: 0;}
.header-banner-left .menu li{margin-left:14px;list-style:none}
.header-banner{width:100%;color:#b2bac2;position:relative;z-index: 99;}
.header-banner-content{height:44px;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.slider.big.diy {
box-shadow: none;
-webkit-box-shadow: 0 34px 20px -24px rgba(0,36,100,0.3);
border-radius: 4px;
}
.srcbanner{
background-color: #fff;
}

/*顶部效果*/
.uitop{margin-top:0px;  position: fixed !important;}
@media (max-width: 768px){.site-header{height: 76px; box-shadow: 0 0;}}
.navFix {
  margin-top: 0;
  position: fixed !important;
  background-color: rgba(255,255,255);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  -webkit-box-shadow: 0 0.3125rem 0.3125rem -0.3125rem rgba(0,0,0,0.117);
  -moz-box-shadow: 0 0.3125rem 0.3125rem -0.3125rem rgba(0,0,0,0.117);
  box-shadow: 0 0.3125rem 0.3125rem -0.3125rem rgba(0,0,0,0.117);
}
.frosted {
  background-color: rgba(255,255,255,0.7);
}

.ripro-dark .frosted {
  background-color: #191616;
}

/*导航的新图标*/
.new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
.entry-navigation{
  margin-top: 60px;
}
.new{
    animation:bob 2s ease infinite;
}

.animate-fadeInUp{
    animation:fadeInUp 0.3s ease;
}

@keyframes bob{
    0%{
        transform: translateY(-12px)
    }
    50%{
        transform: translateY(-17px)
    }
    100%{
        transform: translateY(-12px)
    }
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/**/
#announcement_box {
  background-color: rgba(240, 239, 215, 0.5);
  width: 100%;
  height: 30px;
  border: 1px dashed #C1C0AB;
  border-radius: 2px;
  margin-bottom: 20px
}

#announcement {
  background: url(../ripro-chlid/assets/images/new.gif) left center no-repeat scroll;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  float: left;
  width: 90%;
}

#announcement a {
  color: #000;
}

#announcement a:hover {
  color: #94382B;
}

.announcement_remove {
  padding: 1px 10px;
  float: right;
  font-size: 14px;
  width: 10%;
}

.announcement_remove a {
  height: 18px;
  width: 18px;
  display: block;
  line-height: 16px;
  margin: 4px 0 3px 0;
  margin: 10px 0 3px 0 9;
  text-align: center;
}

.announcement_remove a:hover {
  background-color: #cdc8a0;
  box-shadow: 1px 1px 1px #66614c inset;
  -webkit-box-shadow: 1px 1px 1px #666 inset;
  -moz-box-shadow: 1px 1px 1px #666 inset;
  border-radius: 3px;
}

#announcement_close {
  color: #666;
  float: right;
}

#announcement span {
  color: #666;
  float: right;
}
@media (max-width: 768px){
  #announcement span {
    display: none;
  }
}
#announcement ul {
  list-style-type: none
}



/*注册登录弹出框*/
.actions .login-btn {
  position: relative;
}

.login-btn .diamond {
  position: absolute;
  top: 30px;
  left: 110%;
  display: none;
  margin-left: -265px;
  padding: 15px;
  height: auto;
  border-radius: 6px;
  background: #fff;
  z-index: 200;
}

.actions a.login-btn:hover {
  opacity: 1;
}

.login-btn:hover .diamond {
  display: inline-block;
  background: rgba(255, 255, 255, 1);
}
@media (max-width: 768px){.login-btn:hover .diamond{display:none;}}
.diamond .imgs {
  display: inline-block;
  overflow: hidden;
  width: 300px;
  height: 83px;
  border-radius: 4px
}

.diamond .imgs img {
  width: 100%;
  height: 100%
}
.diamond .kt {
  position: relative;
  display: inline-block;
  margin-top: 12px;
  margin-bottom: 11px;
  width: 300px;
  height: 36px;
  border-radius: 45px;
  background-image: linear-gradient(135deg,#35e9fa,#18cef2);
  color: #fff;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}

.diamond .kt:hover {
  background-image: linear-gradient(135deg,#18cef2 0%,#448aff 100%);
}

.diamond .kt em {
  position: absolute;
  top: -26px;
  right: 12px;
  width: 95px;
  height: 34px;
  background: url(../ripro-chlid/assets/images/newuser.png) 1px -775px no-repeat;
  font-size: 12px;
  line-height: 28px
}

.login-btn .diamond ul {
  margin: 10px 0;
  display: inline-block;
}

.login-btn .diamond ul li {
  display: inline-block;
  margin-left: 10px;
  width: 136px;
  height: 40px;
  color: #333;
  text-align: left;
  font-weight: 400;
  font-size: 15px;
  font-size: 14px;
  line-height: 40px
}

.login-btn .diamond ul li i {
  display: inline-block;
  margin-right: 4px;
  width: 17px;
  height: 14px;
  background: url(../ripro-chlid/assets/images/newuser.png) -28px -109px no-repeat;
  vertical-align: -1px
}

/*手机端隐藏*/
@media (max-width: 768px){

  .float-right,.login-btn .diamond,.footer-fav .site-girl .girl,.footer-fav .site-girl .girl-info,.new,.diamond,.nav-plate,.post-list-meta-box,.jhsbrand,.r {
    display: none;
   }
   #ripro-mse {
  margin-right:5px;
    margin-left:5px;
    margin: 5px;
}
}
/*新右侧悬浮*/
ol, ul {
    list-style: none;
    padding-left: 0px;
}

.float-right {
  width: 55px;
    font-size: 14px;
    position: fixed;
    right: 0;
    bottom: 8%;
    z-index: 9997;
    -moz-box-shadow:3px 1px 9px #8A8A8A; -webkit-box-shadow:3px 1px 9px #8A8A8A; box-shadow:3px 1px 9px #8A8A8A;
}
.float-right > ul {
    position: relative;
    height: 100%;
    margin:0px 0px;
}
.float-item {
  position: relative;
  text-align: center;
  border:1px solid rgba(237,237,237,1);
  cursor: pointer;
    background: #f8f8f8;
    height: 55px;
  padding: 5px 0;
}
.float-item .float-icon {
  position: relative;
  padding: 0;
  z-index: 1;

}
.float-item .float-icon .icon.icon-f-evip {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left:15px;
  background: url("../ripro-chlid/assets/images/hongbao.png") center no-repeat;
  background-size: contain;
}
.float-item .float-icon p {
  color: #000000;
  font-size: 12px;
}
.float-item .float-icon > a {
  display: block;
  height: 100%;
}
.float-item .iconfont{
  /*color: #0057FF;图标颜色*/
  font-size: 20px;
}
.float-item svg {
  font-size: 20px;
}
.float-item .font-gzh + .float-hover{
  width: 130px;
  height: 145px;
  padding: 0;
  overflow: hidden;
}
.float-item .font-gzh + .float-hover > img {
  width: 100%;
  height: 130px;

}
.float-item .font-gzh + .float-hover > p{
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  width: 100%;
}
.float-item .float-hover {
  /*display: none;*/
  opacity: 0;
  position: absolute;
  left: 0;
  /*right: auto;*/
  bottom:0;
  background: white;
  border-radius: 4px;
  box-shadow:0px 2px 3px 0px rgba(11,0,255,0.2);
  padding: 10px 14px;
  width: 202px;
  /*height: 72px;*/
  transition: all .2s;
  z-index: -1;
}
.float-item:hover .float-hover {
  opacity: 1;
  /*right: 100%;*/
  left: -202px;
  /*display: block;*/
}
.float-item .float-hover > a {
    display: block;
    height: 100%;
    width: 100%;
}
.float-item.float-item-pvip .float-hover {
    width: 300px;
    height: 385px;
    padding: 0;
    background: url("//js.isheji5.com/custom/img/common/float_pvip_dtl.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-pvip:hover .float-hover {
    left: -320px;
}
.float-item.float-item-evip .float-hover {
    width: 200px;
    height: 265px;
    padding: 0;
    background-size: cover;
    margin-left:120px;
}
.float-item.float-item-evip:hover .float-hover {
    left: -320px;
}
.float-item.float-item-xcx .float-hover {
    width: 202px;
    /* height: 230px; */
    padding: 14px;
    
}
.float-item.float-item-xcx .float-hover p {
    text-align: center;
}
.float-item.float-item-xcx .float-hover img {
    display: block;
    margin: auto;
    width: 172px;
}
.float-item.float-item-gz .float-hover {
    width: 202px;
    height: 230px;
    padding: 14px;
}
.float-item.float-item-gz .float-hover p {
    text-align: center;
}
.float-item.float-item-gz .float-hover img {
    display: block;
    margin: auto;
    width: 172px;
}
.float-item.float-item-qqgroup .float-hover {
    width: 202px;
    height: 230px;
    padding: 14px;
}
.float-item.float-item-qqgroup .float-hover p {
    text-align: center;
}
.float-item.float-item-qqgroup .float-hover p:nth-child(2) {
    font-size: 16px;
    color: #0057ff;
}
.float-item.float-item-qqgroup .float-hover img {
    display: block;
    margin: auto;
    width: 160px;
}
.float-item.float-item-kf .float-hover {
    width: 202px;
    /* height: 230px; */
    padding: 14px;
}
.float-item.float-item-kf .float-hover .iconfont {
    color: black;
}
.float-item.float-item-kf .float-hover  div > p {
    color: #666666;
}
.float-item.float-item-kf .float-hover  div > p:first-child {
    color: #000000;
    padding-bottom: 4px;
}
.float-item.float-item-top {
    position:unset;
    left: 0;
    bottom: 0;
    right: 0;
    font-size:12px;
    color: #000000;
    margin-top: 10px;
    display: none;
}
.float-item.float-item-invite .float-icon {
  padding-bottom: 10px;
}
.float-item-invite > .float-icon svg {
  color: #FF3D32;
}

.float-item.float-item-custom .float-icon {
  padding-bottom: 10px;
}
.float-item-custom > .float-icon svg {
  color: #0057ff;
}
.float-item.float-item-custom .float-icon svg:nth-child(2) {
  color: white;
}
.float-item.float-item-school svg {
  color: rgba(15, 91, 255,1);
}
.float-item.float-item-school svg:nth-child(2) {
  color: white;
}

.float-hover > * {
  float: left;
}
.float-hover .float-kf-qq {
  float: none;
}
.float-hover .float-kf-qq:after {
  content: " ";
  display: table;
  clear: both;
}
.float-hover .float-kf-qq > * {
  float: left;
}
.float-hover .float-kf-qq > div {
  padding-left: 10px;
}
.float-hover .float-kf-time {
  float: none;
  padding:0;
  padding-top: 5px;
}
.float-hover .float-kf-time > p {
  text-align: center;
  color: #666666;
  font-size: 12px;
}
.float-hover .float-kf-time > p:first-child {
  font-weight: normal;
  font-size: 12px;
}
.float-hover .float-kf-link {
  float: none;
  text-align: center;
  padding: 16px 0 25px 0;
}
.float-hover .float-kf-link > a {
  text-align: center;
  /*background: #0057ff;*/
  font-size: 14px;
  color: white;
  padding: 3px 14px;
  border-radius: 4px;
}
.float-hover .float-qgroup-qicon {
  float: none;
}
.float-hover .float-qgroup-qq {
  float: none;
}
.float-hover .float-qgroup-qq > p {
  text-align: center;
  font-size: 14px;
}
.float-hover .float-qgroup-qq > p > a {
  text-align: center;
  font-size: 14px;
  color: white; 
  background: #0057FF;
  padding: 3px 14px;
  border-radius: 4px;
}
.float-hover .float-qgourp-add{
  padding-top: 10px;
}
.float-hover > div {
  padding-left: 5px;
  text-align: center;
}
.float-hover > div.float-gfqq {
  padding-top: 8px;
}

.float-hover p{
  color: #666666;
  font-size: 12px;
  text-align: left;
}
.float-hover p > a {
  color: #0057ff;
}
.float-hover p:first-child {
  font-size: 14px;
  font-weight: bold;
}

.float-message {
  display: none;
  position: fixed;
  width: 295px;
  height: 368px;
  right: 10px;
  bottom: 0px;
  background: url("//s.isheji5.com/custom/img/common/float-message.png") center no-repeat;
  background-size: cover;
  z-index: 99;
  padding-top: 198px;
  transform: translate(0, 100%);
  transition: all .3s;
}
.float-message .fm-close {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 20px;
  height: 20px;
  background: url(//js.isheji5.com/custom/img/common/recommend_close.png) center no-repeat;
  background-size: cover;
  z-index: 1;
}
.float-message.fm-show {
  display: block;
  transform: translate(0, -20px);
}
.float-message.fm-hide {
  display: none;
  transform: translate(0, 100%);
}
.float-message.fm-enter {
  display: block;
  transform: translate(0, 100%);
}
.float-message.fm-leave {
  display: block;
  transform: translate(0, 100%);
}
.float-message .fm-title {
  font-size: 25px;
  text-align: center;
  color: #3B424C;
  padding-bottom: 16px;
}
.float-message .fm-subtitle {
  font-size: 17px;
  text-align: center;
  color: #B2B1B6;
}
.float-message .fm-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  text-align: center;
}
.float-message .fm-btn > a {
  display: block;
  height: 100%;
  color: #2396FF;
  font-size: 19px;
  line-height: 50px;
}
.float-item.float-item-xcx a{
  color:#232425;
  background:#fff0;
  font-size:12px;
}
.float-rollbar {
    position: fixed;
    right: 0px;
    bottom: 10px;
    z-index: 999;
    display: none;
    width: 55px;
    height: 40px;
    text-align: center;
    background: #f8f8f8;
    font-size:12px;
    -moz-box-shadow:3px 1px 9px #8A8A8A; 
    -webkit-box-shadow:3px 1px 9px #8A8A8A; 
    box-shadow:3px 1px 9px #8A8A8A;
}
.float-rollbar .iconfont
 {
    padding:8px;
    /*color: #2c63ff;*/

}
/*悬浮的小闪点*/
.tally-a1-icon {
    background: url(//icon.qiantucdn.com/model/img/icon52.gif) no-repeat;
    width: 31px;
    height: 28px;
    position: absolute;
    top: -10px;
    left: -10px;
}
/*幻灯小图标*/
.owl .owl-dot.active{
  background: linear-gradient(125deg,#18cef2 0%,#448aff 100%);
}
.slider.big.diy {
    border-radius: 4px;
}
.r_b_tip_box{
    position: relative;
}
.r_b_tip{
    width: 182px;
    height: 67px;
    position: absolute;
    bottom: 0;
    z-index: 20;
    right: 0;
}
@media (max-width: 768px){.r_b_tip_box {display:none;}}


/*手机客服*/
.suspend {
  display: none;
}

@media (max-width:767px) {
  .suspend {
    width: 55px;
    height: 90px;
    position: fixed;
    bottom: 55px;
    right: 0px;
    overflow: hidden;
    z-index: 999999;
    display: block;
  }

  .suspend dl {
    width: 53px;
    height: 57px;
  }

  .suspend dl dt {
    width: 30px;
    height: 149px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }

  .suspend dl a {
    display: block;
    width: 53px;
    height: 57px;
    background: url(http://cdn.sucai8.cn/huyoucss/img/suspend.png) no-repeat 0 0;
    transition: width 0s;
    -moz-transition: width 0s;
    -webkit-transition: width 0s;
    -o-transition: width 0s;
  }

  .suspend dl a:hover {
    background-position: -60px 0
  }
}
/*导航菜单选中条*/
.navbar .nav-list>.menu-item>a:after {
  display: inline-block;
  content: " ";
  position: absolute;
  bottom: 0;
  left:50%;
  right: 50%;
  height: 5px;
  /*background: #0057ff;*/
  transition: all .3s;
}
.navbar .nav-list>.menu-item>a:hover:after {
  left: 0;
  right: 0;
}


/**多彩标签云*/
.tagcloud{
  padding: 12px 13px 10px 15px;
}
.ripro-dark .tagcloud a:nth-child(9n),tagcloud a:nth-child(9n){
  border: 1px dashed #4A4A4A;
}
.ripro-dark .tagcloud a:nth-child(9n+1),.tagcloud a:nth-child(9n+1){
  border: 1px dashed#428BCA;
}
.ripro-dark .tagcloud a:nth-child(9n+2),tagcloud a:nth-child(9n+2){
  border: 1px dashed #5CB85C;
}
.ripro-dark .tagcloud a:nth-child(9n+3),.tagcloud a:nth-child(9n+3){
  border: 1px dashed #D9534F;
}
.ripro-dark .tagcloud a:nth-child(9n+4),.tagcloud a:nth-child(9n+4){
  border: 1px dashed #567E95;
}
.ripro-dark .tagcloud a:nth-child(9n+5),.tagcloud a:nth-child(9n+5){
  border: 1px dashed #B433FF;
}
.ripro-dark .tagcloud a:nth-child(9n+6),.tagcloud a:nth-child(9n+6){
  border: 1px dashed #00ABA9;
}
.ripro-dark .tagcloud a:nth-child(9n+7),.tagcloud a:nth-child(9n+7){
  border: 1px dashed#B37333;
}
.ripro-dark .tagcloud a:nth-child(9n+8),.tagcloud a:nth-child(9n+8){
  border: 1px dashed #FF6600;
}
.tagcloud a{
  opacity: 0.80;
  filter: alpha(opacity=80);
  color: #fff;
  /*background-color: #428BCA;*/
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0 6px;
  line-height: 21px
}
.tagcloud a:hover{
  opacity: 1;
  filter: alpha(opacity=100);
}
.widget_tag_cloud .tagcloud>a{
  color: #34495e;
}
.widget_tag_cloud .tagcloud>a:hover{
  box-shadow: 0 3px 5px rgba(32,160,255,.5);
}
.ripro-dark .widget_tag_cloud .tagcloud>a{
  color: #ffffff;
}

/*收费文章及视频支付人数*/
.article-content .content-hide-tips .red,.article-content .content-do-video .red{
  background-color: rgba(246, 246, 246, 0);
}



/*links Style start */
ul.plinks{position: relative; margin-top: 30px; width: 100%;}
ul.plinks li.linkcat{padding: 20px 20px; border-radius: 6px;}
ul.plinks li.linkcat h2{margin: 0; font-weight: 700; font-size: 18px;}
ul.plinks li.linkcat ul{overflow: hidden; margin: 0; padding: 0; list-style: none;}
ul.plinks li.linkcat ul li{float: left; overflow: hidden; margin-top: 15px; width: calc(20% - 20px); background: #fff; margin-bottom: 10px; border-radius: 3px; margin-left: 10px; margin-right: 10px; border: 1px #9e9e9e solid;}
.ripro-dark ul.plinks li.linkcat ul li a{color: #eee;}
.ripro-dark ul.plinks li.linkcat ul li{background: #2d2d2d; border: 1px #9e9e9e solid;}
ul.plinks li.linkcat ul li:hover{box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-6px);transform: translate(0,-6px) -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px #448aff solid}
ul.plinks li.linkcat ul li a{overflow: hidden; margin-bottom: 20px; display: block; cursor: pointer; padding: 20px 18px 0; color: #333;}
ul.plinks li.linkcat ul li a:hover{color: #005fee;}
ul.plinks li.linkcat ul li a img{width: 32px; height: 32px; border-radius: 32px; display: inline-block;}
@media (max-width: 768px){ul.plinks li.linkcat ul li{width: calc(100% - 20px);}}
@media (max-width: 544px){ul.plinks li.linkcat ul li{width: calc(100% - 20px);}}
/*手机菜单*/
.aini_foot_nav{border-top:1px solid #eee;display:none;padding:8px 0;background:#fff;position:fixed;bottom:0;width:100%;z-index:999999;}
.ripro-dark .aini_foot_nav{border-top:1px solid #000;background:#1c1c1c;}
@media (max-width:767px){.aini_foot_nav{display:block;}}
.aini_foot_nav .nohover {color:#00a1ff}
.ripro-dark .aini_foot_nav .nohover {color:#ffc107}
.aini_foot_nav .iconjiahao {color:#ffffff}
.aini_foot_nav .amy em{position:absolute;width:8px;left:50%;height:8px;top:0;margin-left:5px;border-radius:50%;border:1px solid #fff}
.aini_foot_nav li{width:20%;text-align:center;float:left}
.aini_foot_nav li a{width:100%;display:block;color:#888}
.aini_foot_nav li i{display:block;font-size:28px;line-height:26px}
.aini_foot_nav li p{overflow:hidden;font-size:12px;height:16px;line-height:16px;color:#888}
.ripro-dark .aini_foot_nav li p{color:#eee}
.aini_foot_nav .foot_btn{width:48px;padding:5px 0;text-align:center;height:24px;line-height:24px;font-size:24px;margin:7px auto 0;border-radius:2px}
.aini_foot_nav li.aini_zjbtn a span i.foot_btn{width:44px;height:44px;line-height:44px;border-radius:50%;padding:0;margin-top:8px;background:#00a1ff;color:#fff}
.ripro-dark .aini_foot_nav li.aini_zjbtn a span i.foot_btn{background:#ffbf00}
.aini_foot_nav li.aini_zjbtn a span{display:block;position:absolute;bottom:-8px;left:calc(50% - 30px);z-index:110;width:60px;height:62px;line-height:62px;border-radius:50%;padding:0 1px}
.aini_foot_nav li.aini_zjbtn a{bottom:0;left:calc(50% - 30px);width:60px;height:40px;border-radius:50%;overflow:visible}
.aini_foot_nav li.aini_zjbtn a em{display:block;position:absolute;bottom:-5px;left:calc(50% - 30px);z-index:100;width:60px;height:60px;border-radius:50%}
.aini_foot_nav li.aini_zjbtn{overflow:visible;position:relative}
.aini_foot_nav .bg_f{background:#fff !important}
.ripro-dark .aini_foot_nav .bg_f{background:#232425 !important}
.aini_foot_nav .b_ok{border:1px solid #efefef !important}
.ripro-dark .aini_foot_nav .b_ok{border:1px solid #000000 !important}
.aini_foot_nav ul,.aini_foot_nav p,.pc{margin:0;padding:0}
.aini_foot_nav ul,.aini_foot_nav p,.pc{margin:0;padding:0}


/*给悬浮VIP图标加动画*/
.animate_1 {
    animation: animate_1 2s ease-in-out both infinite;
    -webkit-animation: animate_1 2s ease-in-out both infinite;
    -moz-animation: animate_1 2s ease-in-out both infinite;
    -ms-animation: animate_1 2s ease-in-out both infinite;
}

@keyframes animate_1 {
    1% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }

}

@-webkit-keyframes animate_1 {
    1% {
        -webkit-transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
    }

}

@-moz-keyframes animate_1 {
    1% {
        -moz-transform: scale(0.8);
    }
    50% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.8);
    }

}

/***内页选择****/
.nav-plate {
    position: absolute;
    right: 20px;
    top: 5px;
    color: #171717;
    z-index: 99;
    width: 95px;
    text-align: center;
    font-size: 14px;
}
 .nav-plate > span {
    cursor: pointer;
}
 .nav-plate:hover .nav-plate-item {
    display: block;
    clear: both;
}
 .nav-plate-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    
    background-size: cover;
}

 .nav-plate-item {
    display: none;
    position: absolute;
    top: -5px;
    right: 0;
    width: 95px;
    text-align: center;
    padding: 4px;
    background: white;
    border-radius: 4px;
    box-shadow:0px 2px 11px 0px rgba(0,87,255,0.24);
}
 .nav-plate-item a {
    display: block;
    height: 100%;
    padding: 4px 0;
}
 .nav-plate-item a:hover,  .nav-plate-item a.active{
    color: #0057ff;
}
.filter--content ul:after {
  content: " ";
  display: table;
  clear: both;
}

/**2020.3.13版权背景**/
.baidu_zmki_cx a{
  float: right;
    margin-right: 20px;
    margin-top: -15px;
}

/*迷幻紫*/
#zm_mhz{
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(190, 196, 252), -6px 0 12px -5px rgb(189, 196, 252);
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
    background-image: -webkit-linear-gradient(62deg,#8EC5FC 0%,#E0C3FC 100%);
}
/*西瓜红*/
#zm_xgh{
      color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(255, 176, 172), -6px 0 12px -5px rgb(255, 161, 174);
    background-color: #ff9a8b66;
    background-image: linear-gradient(220deg,#FF9A8B 0%,#ff6a8838 55%,#FF99AC 100%);
    background-image: -webkit-linear-gradient(220deg,#ff9a8b7a 0%,#ff6a88ab 55%,#ff99ac82 100%);
}
/*华为P30 天空之境*/
#zm_tkzj {
    color: #555555;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-color: #FFDEE9;
    background-image: linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
    background-image: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%);
}
/*小宇宙*/
#zm_xyz {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(12, 85, 141), -6px 0 12px -5px rgba(10, 58, 93, 0);
    background-image: radial-gradient( circle 263px at 100.2% 3%, rgba(12,85,141,1) 31.1%, rgba(205,181,93,1) 36.4%, rgba(244,102,90,1) 50.9%, rgba(199,206,187,1) 60.7%, rgba(249,140,69,1) 72.5%, rgba(12,73,116,1) 72.6% );
}
/*橄榄绿*/
#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}
/*小太阳*/
#zm_xty {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
     /*border-radius: 10px; */
    box-shadow: 6px 0 12px -5px rgb(253, 223, 234), -6px 0 12px -5px rgb(215, 240, 243);
    background-image: radial-gradient( circle farthest-corner at -8.9% 51.2%, rgba(255,124,0,1) 0%, rgba(255,124,0,1) 15.9%, rgba(255,163,77,1) 15.9%, rgba(255,163,77,1) 24.4%, rgba(19,30,37,1) 24.5%, rgba(19,30,37,1) 66% );
}
/*优雅紫*/
#zm_yyz {
    color: #ffffff;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(175, 160, 208), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(95,117,227,1) 0%, rgba(188,167,205,1) 90% );
}
/*深邃黑*/
#zm_szh {
  color: #c7c7c7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
    /*border-radius: 5px;*/
    box-shadow: 6px 0 12px -5px rgb(155, 170, 185), -6px 0 12px -5px rgba(177, 161, 207, 0);
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(0,0,0,1) 0%, rgba(64,64,64,1) 90.2% );
}
/*无边框*/
#zm_wbk {
    color: #000000;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px;
}
#zm_xyz a , #zm_gll a{
   color: #eeeeee;
}
#zm_szh a{
  color: #c7c7c7; 
}
#zm_xty a, #zm_yyz a{
  color: #ffffff;
}

/*移动端适配*/
@media (max-width:768px) {
.baidu_zmki_cx a {
    float: right;
    margin-top: 10px;
    margin-right: 0px;
}
.content_zmki_bq {
    line-height: 1.4;
    font-size: 13px;
}
}
/*新的分类 start*/
.container:after,.container:before {
  clear: both;
  display: block;
  visibility: none;
  height: 0;
  content: "";
  line-height: 0
}
.container .col-1-4 {
  float: left;
  box-sizing: border-box;
  /*padding: 0 0.3333px;*/
  width: 100%;
  margin-bottom:5px;
}
.container .col-1-4:last-child {
  margin-right: 0;
}
.container .col-1-4:nth-child(4n+1)
{
  padding-right:5px;  
}
.container .col-1-4:nth-child(4n+2)
{
  padding-right:5px;  
}
.container .col-1-4:nth-child(4n+3)
{
  padding-right:5px;  
}
@media (max-width:768px) {
  .container .col-1-4:nth-child(4n+1),.container .col-1-4:nth-child(4n+2),.container .col-1-4:nth-child(4n+3){
    padding-right:0;  
  }
}
@media (min-width:768px) {
  .container .col-1-4 {
    width: 50%;
  }
}

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

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

.home-first .container {
  padding-top: 0
}

.home-first .vitara_slide_in {
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 3px
}

@media (min-width:1024px) {
  .home-first .vitara_slide_in {
    margin-top: 0;
    margin-bottom: 0
  }
}

.home-first .h-images {
  box-sizing: content-box;
  margin: 0;
  padding: 0
}

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

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

@media (min-width:768px) {
  .home-first .h-images:after {
    display: none
  }
}

@media (min-width:768px) {
  .home-first .h-images {
    display: box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    justify-content: space-between
  }
}

@media (min-width:1024px) {
  .home-first .h-images {
    width: 25%
  }
}

.home-first .h-images .item-tuwen {
  float: left;
  padding: 0 6.5px;
  width: 50%
}

@media (min-width:1024px) {
  .home-first .h-images .item-tuwen {
    float: none
  }
}

@media (min-width:1024px) {
  .home-first .h-images {
    display: block;
    box-sizing: border-box;
    padding: 0 7.3333px
  }

  .home-first .h-images .item-tuwen {
    padding: 0;
    width: auto
  }
}

.home-first .item-tuwen {
  margin-bottom: 15px
}

@media (min-width:768px) {
  .home-first .item-tuwen {
    margin-bottom: 13px
  }
}

.home-first .item-tuwen a {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 3px
}

.home-first .item-tuwen a .thumb {
  padding-top: 57%;
  transition: all .2s;
  transform-origin: center
}

.home-first .item-tuwen a strong {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: block;
  padding: .4em .8em .6em;
  background-image: linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);
  background-repeat: repeat-x;
  box-shadow: 0 -7px 15px rgba(0,0,0,.2);
  color: #fff;
  letter-spacing: .5px;
  font-weight: 700;
  font-size: 9pt;
  line-height: 1.3
}

@media (min-width:768px) {
  .home-first .item-tuwen a strong {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1.4
  }
  
}


.home-first .hf-widget {
  box-sizing: border-box;

  padding: 14px 17px 0;
  border: 1px solid #f2f2f2;
  background: #fff;
  box-shadow: 8px 8px 9pt #fafafa
}
.ripro-dark .home-first .hf-widget {
  border: 1px solid #2b2b2b;
  background: #232425;
  box-shadow: 8px 8px 9pt #212121;
}
@media (min-width:768px) {
  .home-first .hf-widget {
    overflow: hidden;
    height: 135px
  }
  
}

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

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

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

.home-first .hf-widget .hf-widget-title a {
  color: #383838
}
.ripro-dark .home-first .hf-widget .hf-widget-title {
  border-bottom: 1px solid #696969;
}
.ripro-dark .home-first .hf-widget .hf-widget-title a {
  color: #ccc;
}
.home-first .hf-widget .hf-widget-title>i {
  margin-right: 2px;
  color: #ff5c00
}
.ripro-dark .home-first .hf-widget .hf-widget-title>i {
  margin-right: 2px;
  color: #ffa363
}
.home-first .hf-widget .hf-widget-title span {
  margin-left: 10px;
  color: #a7a7a7;
  font-weight: 400;
  font-size: 9pt;
  line-height: 20px
}

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

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

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

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

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

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

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

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

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

.home-first .hf-widget .hf-tags a:first-child{
  background: #ff5c00;
  color: #fff;
}
.home-first .hf-widget .hf-tags a.style_orange,.home-first .hf-widget .hf-tags a:hover {
  background: #ff5c00;
  color: #fff
}

.ripro-dark .home-first .hf-widget .hf-tags a {
  background: #2c2e2f;
}


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

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

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

.home-first .hf-widget-4 .hf-widget-content h3 {
  overflow: hidden;
  height: 22px;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin: 0 0 10px;
}

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



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

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

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

.ripro-dark .home-first .hf-widget-1 .hf-widget-content a {
  color: #ccc
}
.home-first .hf-widget-1 .hf-widget-content a:hover {
  color: #ff5c00
}

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

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

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

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

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

.home-first .scroll-h ul {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: all .2s;
  margin: 0;
  padding-left: 0;
}

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

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

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

.home-first .hf-widget-hot-cats .hhicon {
  display: inline-block;
  margin-bottom: 5px;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #fff5f0;
  color: #ff5c00;
  text-align: center;
  font-size: 20px;
  line-height: 36px
}

.ripro-dark .home-first .hf-widget-hot-cats .hhicon {
  background: #2c2e2f;
  color: #ffa363;
}
.home-first .hf-widget-hot-cats .scroll-h li a {
  display: block
}

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

.home-first .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: 66.7%;
  width: 100%;
  height: 0;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all .2s
}

.home-first i {
  font-weight: 300
}

@media screen and (max-width:720px) {
  .home-first .hf-widget-1 .hf-widget-content .scroll-h,.home-first .hf-widget-content {
    margin: 1pc -10px
  }
}


/*新的分类 end*/
/**home four*/
.tab-site {
  overflow: hidden;
  border: 1px solid #f6f6f6;
  border-radius: 0px;
}
.ripro-dark .tab-site,.ripro-dark .tab-bd{
  background-color:#232425 ;
  border: 1px solid #2b2b2b;
}
.ripro-dark .tab-bd{
  border-top: 1px solid #2b2b2b;
}
.ripro-dark .tab-hd-con{
  border-right: 1px solid #2b2b2b;
}
.tab-hd {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}

.tab-hd-con {
  float: left;
  text-align: center;
  cursor: pointer;
  height: 39px;
  border-right: 1px solid #f6f6f6;
  font-size: 1pc;
}

.tab-hd-con {
  width: 25%;
}

.dom-display .current {
  display: block;
}

.tab-hd .current a {
  /*color: #2c63ff;*/
  text-decoration:none
}
.ripro-dark .tab-hd .current a{
  text-decoration:none
}

.tab-bd-con {
  display: none;
  overflow: hidden;
  height: 100px;
}

.tab-bd li {
  float: left;
  width: 47.35%;
  line-height: 210%;
  margin: 0 20px 0 0;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .tab-bd li {
    width: 95%;
    margin: 0 0 0 0;
  }
}

.list-title {
  width: 84%;
  line-height: 210%;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tab-site {
  overflow: hidden;
  background: #fff;
}

.tab-bd li a {
  color: #555;
}

.tab-bd .list-title .tab-icon:before {
  content: '\f105'
}

.tab-bd .list-title .tab-icon {
  font-family: fontawesome;
  margin-right: 5px;
}

.tab-bd li a:hover {
  /*color: #2c63ff;*/
  text-decoration:none
}

.tab-bd {
  background: #fff;
  padding: 0px 15px;
  margin-top: -1px;
  border-top: 1px solid #f6f6f6;
}
/**小工具快讯***/
.shuo_cat ul {
  padding: 8px 15px 15px
}

.shuo_cat li {
  border-bottom: 1px dotted #cbcbcb;
  padding: 9pt 0;
  overflow: hidden;
    width: 99%;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 190%;
}

.shuo_cat li .time {
  float: left;
  width: 70px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #616161;
  font-size: 9pt;
  background: #f2f2f2;
  font-family: arial
}

.shuo_cat li .time span {
  display: inline-block
}

.shuo_cat li .time span.r {
  font-size: 22px;
  width: 25px;
  margin-right: 2px;
  text-align: right
}

.shuo_cat li .time span.y {
  font-size: 9pt;
  margin-left: 2px;
  position: relative;
  bottom: 1px
}

.shuo_cat li .title {
  height: auto;
  line-height: 18px;
  overflow: hidden;
  font-size: 14px;
  color: #3f3f3f;
  padding-left: 6pt;
  white-space: normal
}



.shuo_cat li.hov .time {
  /*background: #2c63ff ;*/
  color: #fff; 
}

.jhs-3 {
    margin-top: 1rem!important;
}
.jhs-3 .btn {
    display: block !important;
    white-space: normal;
    
}
/*纯文章优化标题显示*/
.uposts .hentry .title{
  padding-right: 60px;
}
/*****首页倒计时广告********/
.sideColumn-activity {
  position: fixed;
  top: 113px;
  right: 2.7%;
  width: 200px;
  height: 180px;
  text-align: center;
  z-index: 5;
}
.sideColumn-activity a {
  display: inline-block;
  box-sizing: border-box;
  padding: 88.5px 0 0 0;
  width: 200px;
  height: 175px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 15px;
  margin: 10px;
}
.sideColumn-activity a p {
  font-size: 16px;
  line-height: 20px;
  color: #FFF967;
}
.sideColumn-activity a p span {
  margin:0 3px;
}
p span.time {
      color: black
    }
@media screen and (max-width:1670px) {
  .sideColumn-activity {
    display: none;
  }
}


/***弹出信息*/
.post-list-item:hover .post-module-thumb i.b2-play1{
    transition: color .5s;
    color:#fff
}

.post-list-meta-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: -100px;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 50px;
    transition: bottom .2s ease;
}
.post-list-meta-box{
    color:#fff
}
.post-list-meta-box ul{
  margin:0;
    padding-left: 0px;
}
.post-grid:hover .post-list-meta-box{
    bottom:0;
    transition: bottom .2s ease;
}
.post-list-cat{
    font-size: 12px;
}
span.post-list-cat-item{
    color: #fff;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    display: none;
}
.post-list-meta-box .post-list-meta .meta-price span{
    display: block;
}
.post-list-meta{
    display: flex;
    font-size: 12px;
    align-items: center;
}
.post-list-meta-views{
    padding-right:5px
}
.post-list-meta-avatar{
    display: flex;
    align-items: center;
}
.post-list-meta-avatar img{
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 5px;
    position: relative;
}
.post-list-meta-like{
    padding-right:5px
}
.post-list-meta-comment{
    padding-right:5px;
    padding-left:10px;
}


.post-grid .entry-media {
    overflow: hidden;
    border-radius: 5px;
}

.post .entry-media {
    overflow: hidden;
    border-radius: 5px;
}

.post:hover .post-list-meta-box{
    bottom:0;
    transition: bottom .2s ease;
}

.b2-radius {
    border-radius: 5px;
}
.post-list-meta li{
    list-style: none;
    margin-bottom: 0;
    overflow:hidden;
    display:inline-block;
    white-space:nowrap;
}
.post-list-meta-box .post-list-meta .meta-price{
  margin-left: 8px;
  padding: 1px 6px;
}


.widget-userinfo .btn-qiandao,.widget-pay .pay--rateinfo b sup{
  color: #ffffff;
}
/***之美化**/
.hover-wrap {
  position: absolute;
  color:#fff;
  top: 0;
  left: -1px;
  width: 102%;
  height: 102%;
  opacity: 0;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-image: linear-gradient(-225deg, #171616 0%, #B9B6E5 100%);
  background: -webkit-linear-gradient(-45deg,#171616,rgba(185,182,229,0.8));
  background: -o-linear-gradient(-45deg,#171616,rgba(185,182,229,0.8));
  background: -moz-linear-gradient(-45deg,#171616,rgba(185,182,229,0.8));
  background: linear-gradient(-45deg,#171616,rgba(185,182,229,0.8));
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  z-index: 90;
}

.hover-wrap .hover-inner {
  position: relative;
  text-align: center;
  transform: translateY(-50%);
  top: 50%;
}
.hover-inner i{
  font-size: 14px;
}
.entry-media:hover .hover-wrap {
  opacity: 1;
}

.thumb:hover .post-cap, .thumb:hover .post-cpp, .thumb:hover .post-crp {
  display: none;
}

.hover-wrap span {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: left;
  padding: 10px 10px 0;
  letter-spacing: 1px;
}
.hover-wrap span .fa {
    padding: 0 5px 0 10px;
}
@media (max-width: 768px){
  .hover-wrap{
    display: none;
  }

}

/*****风格1*****/
.category-box .entry-title {
    z-index: 1;
    align-items: center;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    width: 100%;
    position:absolute;
    color: #fff;
    font-weight: 600;
    background: rgba(52, 73, 94, 0.3);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.3s;
    top: 200px;
}
.category-box:hover .entry-title{top:0px}
/***修改文章标题置顶样式**
.post.sticky .entry-title a:before {
    content: '置顶';
    color: #fff;
    padding: 0px 6px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    top: -2px;
    margin-right: 6px;
    border-radius: 3px;
    background: #ff5c00;
    border: none;
}*/
/* logo文本*/
.jhsbrand {
    font-size: 14px;
    float: left;
    line-height: 15px;
    color: #bbb;
    padding-left: 10px;
    position: relative;
    top: 1px;
    border-left: 2px solid #eaeaea;
    margin-left: 10px;
    overflow: hidden;
    height: 30px;
}
/***二开CMS**/
.topic-title {
  height: 80px;
  color: #484747;
  text-align: left;
}
.topic-title .wlimit {
    display: inline-block;
    color: #333;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 20px;
}
.topic-title ul,.topic-title ul li {
  display: inline-block
}
.topic-title ul {
    float: right;
    margin-top:0px;
}
.topic-title ul li em {
  display: inline-block;
  margin-left: 5px;
  font-weight: 400;
  font-size: 14px;
  font-family: SimSun
}

.topic-title ul li a {
  display: inline-block;
  margin-right: 11px;
  padding: 0 10px;
  height: 35px;
  border-radius: 4px;
  background: #f2f2f2;
  color: #646464;
  font-size: 13px;
  line-height: 35px
}

.topic-title ul li a:hover {
  /*background: #007aff;*/
  color: #fff
}
/*VIP分类*/
.vipcate{
    margin: 0 10%;
    height: 100%;
    padding: 10% 0;
    background-color: rgba(255,255,255,.3);
    -webkit-box-shadow: #d4d2d2 0px 0px 10px;
    -moz-box-shadow: #d4d2d2 0px 0px 10px;
    border-radius: 20px;
    text-align: center;
}

.vipcatetext{
    background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC 70%,#CC00FF 80%,#66FFFF 90%,blue 100%);
    -webkit-text-fill-color: transparent;/* 将字体设置成透明色 */
    -webkit-background-clip: text;/* 裁剪背景图，使文字作为裁剪区域向外裁剪 */
    -webkit-background-size: 200% 100%; 
    -webkit-animation: masked-animation 4s linear infinite;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
}

@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}

.vipcatebtn{
    background: -webkit-gradient(linear,left top,right top,from(var(--accent-color)),to(var(--accent-color-min)));
    background: linear-gradient(90deg,#20aaff,#20ffaa);
    display: inline-block;
    margin-top: 20px;
    padding: 10px;
    border-radius: 15px;
}
.vipcatebtn a{
    color: #fff;
    font-size: 25px;
}

.grida{
    background-image: -webkit-linear-gradient(left,blue,#6ff 10%,#c0f 20%,#c0c 30%,#ccf 40%,#0ff 50%,#ccf 60%,#c0c 70%,#c0f 80%,#6ff 90%,blue 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: masked-animation 4s linear infinite;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
/*****首页价格标签******/
.entry-vip{
  position: absolute;
    text-align: center;
    align-content: center;
    left:10px;
    opacity: 1;
  top:10px;
  width:25px;
  height:25px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    z-index: 999;
}

.entry-free{
  position: absolute;
    text-align: center;
    align-content: center;
    left:10px;
    opacity: 1;
  top:10px;
  width:25px;
  height:25px;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    z-index: 999;
}
.vip-ico{
  width:25px;
  height:25px;
  background:#ffa800 url('../ripro-chlid/assets/images/vip-ico.png') no-repeat center center;
  background-size: 80%;
  border-radius: 50%;
}
.free-ico{
  width:25px;
  height:25px;
  background:#22aaff url('../ripro-chlid/assets/images/free-ico.png') no-repeat center center;
  background-size: 80%;
  border-radius: 50%;
}
/*弹出下载*/
.post-grid .cao-cover, .post-list .cao-cover, .menu-post .cao-cover {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background: rgba(0,0,0,.25);
    height: 100%;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    font-size: 25px;
    border-radius: 4px 4px 0 0;
}
.qtw-button.qtw-button--jx {
    border: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(#32e696),to(#00BE6E));
    background-image: -webkit-linear-gradient(left,#32e696,#00BE6E);
    background-image: -moz- oldlinear-gradient(left,#32e696,#00BE6E);
    background-image: linear-gradient(to right,#32e696,#00BE6E);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF32E696', endColorstr='#FF00BE6E', GradientType=0);
    border: 0;
    color: #fff;
    width: 160px !important;
    height: 40px !important;
    position: absolute;
    top: 83%;
    margin-top: -25px;
    left: 50%;
    margin-left: -80px;
}
/*弹出下载*/


/***二级导航前面小圆点***/
.lanse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
  margin-left: 10px;
    margin-top: -6px;
    left: 0;
  border-color: #61e1b9;
  border: 3px solid #7a99f2;
  animation:hovertreemove /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无限播放*/
        alternate/*往返动画*/;
}
.lvse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
  margin-left: 10px;
    margin-top: -6px;
    left: 0;
  border-color: #61e1b9;
  border: 3px solid #70d7cf;
  animation:hovertreemove /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无限播放*/
        alternate/*往返动画*/;
}
.huangse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
  margin-left: 10px;
    margin-top: -6px;
    left: 0;
  border-color: #61e1b9;
  border: 3px solid #f5c745;
  animation:hovertreemove /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无限播放*/
        alternate/*往返动画*/;
}
.hongse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-left: 10px;
    margin-top: -6px;
    left: 0;
    border-color: #61e1b9;
    border: 3px solid #f1787f;
    animation:hovertreemove /*动画样式名称*/
        1s /*动画时间*/
    linear /*线性运动*/
        infinite /*无限播放*/
        alternate/*往返动画*/;
}
@keyframes hovertreemove
{
      100% {
            opacity: 1;
                transform: scale(1.1);
            }
 
            100% {
                opacity: 1;
                transform: scale(1.2);
            }
}
/***二级导航前面小圆点结束***/


/* 判断ipad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  flex: 0 0 33.333%;
}
.container .row .card  {width: 22.2%} 

}
/* ipad横屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  max-width: 33.333%;
  flex: 0 0 33.333%;
}
.container .row .card  {width: 22.2%} 

}
/* ipad竖屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  flex: 0 0 33.333%;
}
.container .row .card  {width: 21.2%} 

.sidebar-column .widget-area{
    max-width: 700px;
}
.container .col-1-4{
  width: 100%;
  margin-right:0px;
}

}

/* 判断ipadpro */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  flex: 0 0 33.333%;
}
.container .row .card  {width: 22.2%} 

}
/* ipad横屏pro */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : landscape){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  flex: 0 0 33.333%;
}
.container .row .card  {width: 22.2%} 

}
/* ipad竖屏pro */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1324px)
and (orientation : portrait){
.deanggwrap,.home-first-part.home-course,.link{
  display: none;
}
.col-md-3{
  flex: 0 0 33.333%;
}
.container .row .card  {width: 22.2%} 
.container .col-1-4:nth-child(4n+1),.container .col-1-4:nth-child(4n+2),.container .col-1-4:nth-child(4n+3){
    padding-right:0;  
  }

}

.header_search{width:620px;height:42px;float:left;left:30%;position:absolute}
.header_search input{background:0 0;border-radius:0;outline:0;resize:none;appearance:none}
.header_search .search_form .search_input{float:left;width:368px;height:38px;border:1px solid #ddd;border-right:none;border-radius:50px 0 0 50px;position:relative}
.header_search .search_form .search_input input{width:320px;border:none;color:#999;font:14px tahoma,PingFangSC,microsoft yahei ui,microsoft yahei,sans-serif;font-size-adjust:none;overflow:hidden;position:absolute;top:10px}
.header_search .search_btn{width:80px;height:38px;line-height:38px;display:block;float:left;border-radius:0 50px 50px 0;border:none;cursor:pointer;}
.header_search .search_btn:hover{opacity:.8}
.header_search .search_btn i{
  margin-left:20px;color:#fff;
}
.selected_type{position:relative;cursor:pointer;width:75px;height:38px;line-height:38px;display:inline-block;padding-left:9px;color:#666}
.selected_type:after{border:5px solid transparent;border-top:6px solid #d2d2d2;width:0;height:0;position:absolute;top:18px;right:6px;content:' ';transition:all .3s;-webkit-transition:all .3s}
.search_filter_selected dl.search_type{display:block}
.search_filter_selected .selected_type:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:12px}
.search_filter .search_type{display:none;position:absolute;left:-1px;top:38px;z-index:999;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box;padding:5px 0;width:88px}
.search_filter .search_type dd{cursor:pointer;color:#666;font-size:14px;padding:6px 12px;text-align:left}
.search_filter .search_type dd:hover{background-color:#0099ed;color:#fff}
.header_search .hotword{float:left}
.header_search .hotword{font-size:12px;width:550px;height:18px;overflow:hidden}
.header_search .hotword a{color:#999;margin:0 9px}

/*******菜单更新************/
.day {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
.day{
    animation:bob 2s ease infinite;
}

.animate-fadeInUp{
    animation:fadeInUp 0.3s ease;
}

@keyframes bob{
    0%{
        transform: translateY(-12px)
    }
    50%{
        transform: translateY(-17px)
    }
    100%{
        transform: translateY(-12px)
    }
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;
        -webkit-transform:translateY(20px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

/*Article VIP Corner marker Style start*/
.vwip30{background-position: -40px 0}
.vwip10,.vwip30{position: absolute; z-index: 10; border-radius: 5px 0 0 0}
.vwip10,.vwip30{display: inline-block; background-image: url(../ripro-chlid/assets/images/index.png); background-size: auto 40px; vertical-align: middle; height: 40px; width: 40px;}
.vvip10,.vwip10{background-position: 0 0}
/*Article VIP Corner marker Style end*/