/*全站字体样式*/
@font-face {
  font-family: "Play";
  src: url("../ripro-chlid/assets/fonts/Play-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Play";
  src: url("../ripro-chlid/assets/fonts/Play-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}
body {
    font-family: play,Lato,sans-serif;
}
 /** 鼠标样式 开始**/
/** 普通指针样式**/
/**body {
cursor: url(../ripro-chlid/assets/images/site.cur), default;
}
/** 链接指针样式**/
/**a:hover{cursor:url(../ripro-chlid/assets/images/site.cur), pointer;}
/** 鼠标样式 结束**/

/*美化图片后登录窗口适应暗黑模式统一白色背景*/
.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;
	border: 1px solid #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-image: none;
    margin-top:-26px;
    right: 0px;
    color: #fff;
    padding: 2px 20px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    border-radius: 50px 0px 0 0;
}
.free-theme-wtag {
    position: absolute;
    background-image: none;
    top: 2px;
    right: 2px;
    color: #fff;
    padding: 1px 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    border-radius: 10px;
}

/*顶部菜单效果已取消*/
.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;
}
/*内页分类*/

.filter--content .filter-item a.on {
    background-color: #eee0;
}
.filter--content .filter-item span,.filter--content .filter-tab span{
	background: rgba(0, 0, 0, 0) none repeat scroll !important;
}
.article-content .content-hide-tips .coin span{
    color: #fff;
    border: 0px solid #f0ad4e;  
}
/*优惠券*/

.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: linear-gradient(to right, #fff, #fff, #fff);
   z-index: 2;
}
.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标注*/
.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: 0 16px 0 54px;*/
	position:absolute;
	left:25px;
	top:0px;
    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 .menu-item>a:hover{
    color: #ffffff;
    box-shadow: 0 5px 30px -10px rgba(82, 229, 231, 0.8);
    transform: scale(1.03);

}

.navbar .sub-menu{
    margin: -1px 0 0 -18px;
}

.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: 4px 0 0 0
	}
}

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

@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;
    padding: 20px 0 10px;
}

.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;
}
/*内页上方波浪*/
.lang {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: -45px;
    background: rgba(0, 0, 0, 0) none repeat scroll !important;
}
.ripro-dark .lang{
	background: rgba(0, 0, 0, 0) none repeat scroll !important;
}

.lang__1 {
    background: url(../ripro-chlid/assets/images/wave_05.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 18s infinite linear;
    position: absolute;
    top: 8px;
}

.lang__2 {
    background: url(../ripro-chlid/assets/images/wave_04.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 12s infinite linear;
    position: relative;
    top: 0;
}

.lang__3 {
    background: url(../ripro-chlid/assets/images/wave_03.png) repeat-x;
    width: 7000px;
    height: 60px;
    animation: langs 18s infinite linear;
    position: absolute;
    top: 0;
}
.ripro-dark .lang__1{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) ), url('../ripro-chlid/assets/images/wave_05.png');

}
.ripro-dark .lang__2{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) ), url('../ripro-chlid/assets/images/wave_04.png');
}
.ripro-dark .lang__3{
	background: linear-gradient( rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) ), url('../ripro-chlid/assets/images/wave_05.png');
}

.footer  .lang {
    margin-top: -55px;
}

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

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

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

    100% {
        margin-left: -1938px;
    }
}
/*底部下方波浪*/
.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;
}
/**====进度条====*/
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: opacity 0.8s ease-in-out;
    -moz-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out;
}
.pace-inactive {
    opacity: 0;
    filter: alpha(opacity=0);
}
.pace .pace-progress {
    background: #3690cf;
    position: fixed;
    z-index: 2000;
    top: 0;
    rightright: 100%;
    width: 100%;
    height: 2px;
}
/*
*底部统计样式
*/
.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{
    font-size: 20px;
}
.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{
    font-size:18px;
    font-weight:bold;
    padding: 5px 15px;
    margin:18px 0px 18px -20px;
    overflow: hidden;
    border-bottom: 2px solid #eee;
}
.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:5px;
	display: block;
	font-size: 13px;
	color: #999;
}
.sjblog-name a {
	color: #999;
}
.sjblog-time {
	margin-left: 6px;
	margin-right: 6px;
}
.sjblog-views{
	font-size: 13px;
	color: #999;
	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: #fff;
}

.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:before {
    position: absolute;
    content: "";
    height: 6px;
    width: 9px;
    border: 2px solid #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 screen and (max-width: 1450px) { 
.container .row .card  {width: 23.2%} 
} 
@media screen and (max-width: 750px) { 
.container .row .card  {width: 100%} 
} 
@media screen and (max-width: 768px) { 
.container .row .card  {display:none} 
} 
@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;
    top:75%;
    z-index:9997;
    margin-top:-353px;  /* 自身高度的一半 */
    _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;
}
#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;
}


/** Table 表格样式 **/
.table{
    border-collapse: collapse;
    width:100%;
    border:1px solid #c6c6c6 !important;
    margin-bottom:20px;
}
.table th{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important;
    background-color:#ddeeff !important; 
    padding:5px 9px;
    font-size:14px;
    font-weight:normal;
    text-align:center;
}
.table td{
    border-collapse: collapse;
    border-right:1px solid #c6c6c6 !important;
    border-bottom:1px solid #c6c6c6 !important; 
    padding:5px 9px;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    word-break: break-all;
}
.table tr:nth-child(odd){
    background-color:#fff !important; 
}
.table tr:nth-child(even){
    background-color: #f8f8f8 !important;
}
/*
* 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 .site-content{
	background-color: #181616;
}
.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;
}

.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;
}
.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;
    padding-top: 20px;
    
}
.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);
}

@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%;
}

@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%;
}
@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 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    min-width: 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%;
}
@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%;
}
@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 {
    -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;
}

.index-m3-click {
    /* z-index: 1; */
    /* position: absolute; */
    /* top: 0; */
    right: ;
    /* right: 0; */
    : 0;
    /* left: 0; */
}

}
@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;
}

/*
*首页分类推荐，底部透明


.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: 2px solid #fff;
    box-shadow: 0 1px 12px rgba(51, 51, 51, 0.1);
}

/**/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .navbar .menu-item-mega>.sub-menu>.menu-item, .navbar .menu-item-mega.mega-col-2>.sub-menu>.menu-item, .navbar .menu-item-mega.mega-col-3>.sub-menu>.menu-item, .navbar .menu-item-mega.mega-col-6>.sub-menu>.menu-item {
    padding-left: 10px;
    padding-right: 10px;
}

/*首页底部友情链接*/
.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: 20px;
    padding-bottom: 20px;
}
.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;
}
.modular-title-2 .section-title{
	text-align: center!important;
}
/*首页锁*/

.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: 15px;
}
@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: 86px;
	margin: 0 0 0 -44px;
}

.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: white;
 font-size: 12px;
 line-height: 16px;
 font-weight: 400;
 margin: 0 5px 5px 0;
 border-radius: 2px;
 display: inline-block
}

.article-categories a:nth-child(5n) {
 background-color: #4A4A4A;
 color: #FFF
}

.article-categories a:nth-child(5n+1) {
 background-color: #ff5e5c;
 color: #FFF
}

.article-categories a:nth-child(5n+2) {
 background-color: #ffbb50;
 color: #FFF
}

.article-categories a:nth-child(5n+3) {
 background-color: #1ac756;
 color: #FFF
}

.article-categories a:nth-child(5n+4) {
 background-color: #19B5FE;
 color: #FFF
}

.article-categories a:hover {
 background-color: #1B1B1B;
 color: #FFF
}

.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;
        margin-bottom: 60px;
	}
}


.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: -76px;
    padding-left: 21px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1450px;
}

.static .flex {
    padding: 0;
    margin:0;
    display: flex;
}
@media (max-width: 767px) {
	.static .flex  {
		display: none
	}
}


.static li.st_one {
    flex: 1;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,0);
    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, 0)), to(transparent));
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    margin: 0;
}

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

.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%;
}
}

/*导航菜单增加分类统计*/
.num11 {
	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) {
	.num11 {
	display: none;
}
}
/*标题前的标签 已改为右角标
.div-inline{ 
	float:left;
	top: 1px;
	
} 
.yclx{
	background: #f58365;
	padding: 3px 5px;
    border-radius: 3px;
    color: #fff!important;
    font-size: 13px!important;
}
.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: 'Hi~';
	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-v6-lock {
    margin-right: 6px;
    margin-top: -3px;
}

.icon {
    height: 20px;
    vertical-align: middle;
    float: left;
}

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

.icon-v6-stripe {
    margin-left: 16px;
}

.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%;
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.deangg {
	width:1000px;
	float:left;
	/*height:30px;*/
	line-height:30px;
	background:#eee;
	padding:10px 0;
}
@media (max-width:767px) {
	.deangg {
		display: none
	}
}
.deanggspan {
	float:left;
	width:105px;
	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:block;
	float:left;
}
.deangg b {
	height:12px;
	margin-top:9px;
	width:1px;
	display:block;
	float:left;
	background:#a8a8a8;
}
.deanggc {
	float:left;
	width:850px;
	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;
}
.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:330px;
	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{position: absolute;top: -6px;margin-left: 3px;padding: 1px 6px;border-radius: 8px;font-size: 12px;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.625rem !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:after,.agent--contact ul li:not(:last-of-type):before {
	content:"";
	position:absolute;
	top:calc((1em - -5px)/ 2)
}
.agent--contact ul li:after {
	left:0;
	display:inline-block;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:7px;
	height:7px;
	border-radius:50%;
	-ms-flex-negative:0;
	flex-shrink:0
}
.agent--contact ul li {
	font-size:11px;
	list-style:none;
	position:relative;
	padding:1px 20px 17px;
	-ms-flex-preferred-size:100%;
	flex-basis:100%;
	color:currentColor;
	justify-content:inherit;
	white-space:nowrap;
	text-overflow:ellipsis
}
.agent--contact ul li:not(:last-of-type):before {
	height:100%;
	width:1px;
	left:3px;
}
.agent--contact .list-paybody span {
	font-style:inherit;
	letter-spacing:0;
	font-size:12px;
	letter-spacing:.025em;
	color:#8a92a9;
	padding-right:10px
}
.agent--contact .list-paybody span:nth-child(1) {
	font-style:inherit;
	letter-spacing:.075em;
	margin-top:0;
	text-transform:uppercase;
	display:block;
	font-weight:600;
	color:currentColor
}
.agent--contact .list-paybody {
	background-color:#f9f9f9;
}
/*两侧灯笼纯代码*/
.xian {
    position: absolute;
    top: -20px;
    left: 60px;
    width: 2px;
    height: 20px;
    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: 2px solid #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: 2px solid #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: 2px solid;
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
}

/*首页搜索按钮*/
.home_search {
    width: 265px;
}
@media (max-width: 768px){.home_search {display: block;}}


/*顶部公告*/
.site-header {
	height:76px;
	margin-top:44px;
}
.navbar {
	height:76px;
}
.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;
}
 
.ddeanggc ul li a:hover {
color: #7566fc;
text-decoration: blink;
}
 
.ddeanggc ul li span {
float: right;
color: #999;
font-size: 12px;
width: 120px
}
.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}
.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;
}
@media (max-width: 768px){.ddeanggwrap{display:none;}}
/*顶部效果*/
.uitop{margin-top:0px;}
@media (max-width: 768px){.header-banner{display:none;}}
@media (max-width: 768px){.site-header{height: 76px; margin-top: 0; 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;
}
/*注册按钮免费领取待做*/
.actions .login-btn .free-reg-tip {
    position: absolute;
    top: -19px;
    left: 0px;
    width: 64px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -webkit-border-radius: 4px 0;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}
/*导航的新图标*/
.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);padding-left: 15px;width: 100%;height: 30px;border: 1px dashed #C1C0AB;border-radius: 2px;margin-bottom:10px}
#announcement {background:url(../ripro-chlid/assets/images/new.gif) left center no-repeat scroll; height:25px; line-height:25px; overflow: hidden;float:left;}
#announcement a {color:#000;}
#announcement a:hover {color:#94382B;}
.announcement_remove {padding:1px 10px; float:right; font-size:14px;}
.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;}
#announcement span {color:#666;float:right;}
#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);
}
.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 {
    display: none;
  
   }
}
/*新右侧悬浮*/
ol, ul {
    list-style: none;
    padding-left: 0px;
}

.float-right {
	width: 58px;
    font-size: 14px;
    position: fixed;
    right: 0;
    top: 75%;
    z-index: 9997;
    margin-top: -450px;
}
.float-right > ul {
    position: relative;
    height: 100%;
}
.float-item {
	position: relative;
	text-align: center;
	/* border:1px solid rgba(237,237,237,1); */
	cursor: pointer;
    background: white;
    height: 58px;
	/*padding: 5px 0;*/
}
/*.float-item:hover .float-icon p{
    color: white;
}
.float-item:hover{
    background: #0057ff !important;
}*/
.float-item.float-item-pvip {
    background: url("//js.isheji5.com/custom/img/common/float_pvip.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-evip {
    background: url("//js.isheji5.com/custom/img/common/float_evip.png") center no-repeat;
    background-size: cover;
}
.float-item.float-item-xcx {
    background: url("//js.isheji5.com/custom/img/common/float_xcx.png") center no-repeat;
    background-size: cover;
}
.float-item .float-icon {
	position: relative;
	padding: 11px 0 0 0;
	z-index: 1;
	border-radius: 4px;
}
.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:hover {
	/* box-shadow:0px 2px 9px 0px rgba(6,0,238,0.5); */
}
.float-item .float-icon p {
	color: #000000;
	font-size: 12px;
}
.float-item.float-item-xcx .float-icon p {
    color: white;
}
.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;*/
	top: 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 {
	 height: auto;
 }
.float-item.float-item-invite .float-icon {
	padding-bottom: 10px;
}
.float-item-invite > .float-icon svg {
	color: #FF3D32;
}

.float-item.float-item-custom {
	height: auto;
}
.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:#f6f6f6;
  background:#fff0;
  font-size:12px;
}
/*悬浮的小闪点*/
.tally-a1-icon {
    background: url(//icon.qiantucdn.com/model/img/icon52.gif) no-repeat;
    width: 31px;
    height: 28px;
    position: absolute;
    top: -6px;
    left: -6px;
}
/*幻灯小图标*/
.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: 66px;
		height: 90px;
		position: fixed;
		bottom: 50px;
		right: 15px;
		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;
}


.aini_foot_nav {
	border-top: 1px solid #eee;
	display: block;
	padding: 8px 0;
	background: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 5
}

.aini_foot_nav li .hover {
	display: none
}

.aini_foot_nav .foothover i {
	color: #00a1ff
}

.aini_foot_nav .foothover p {
	color: #4c4c4c
}

.aini_foot_nav .foothover .hover {
	display: block
}

.aini_foot_nav .foothover .nohover {
	display: none
}

.aini_foot_nav .bottompost #ripost .hasclick {
	display: none
}

.aini_foot_nav .bottompost a {
	position: relative;
	z-index: 101;
	transform: rotate(360deg);
	transition: all .4s ease
}

.aini_foot_nav .amy {
	position: relative
}

.aini_foot_nav .amy em {
	position: absolute;
	width: 8px;
	left: 50%;
	height: 8px;
	top: 0;
	margin-left: 5px;
	border-radius: 50%;
	background: red;
	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
}

.aini_foot_nav .foot_btn {
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.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_right_more {
	position: fixed;
	bottom: 60px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 199;
	line-height: 40px;
	text-align: center;
	display: block;
	background: #444;
	border-radius: 50%
}

.aini_right_more i {
	color: #fff
}

.aini_quick_bot {
	position: fixed;
	bottom: 100px;
	right: -40px;
	width: 40px;
	z-index: 199;
	height: auto
}

.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
}

.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 .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 {
	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 a span i.foot_btn {
	-webkit-animation: btn1 2s ease infinite;
	animation: btn1 2s ease infinite
}

.aini_foot_nav li.aini_zjbtn {
	overflow: visible;
	position: relative
}
.bg_f {
	background: #fff !important
}

.b_ok {
	border: 1px solid #efefef !important
}

ul,p,.pc {
	margin: 0;
	padding: 0
}

.user-block {
	width: 30PX
}
/**多彩标签云*/
.tagcloud{
	padding: 12px 13px 10px 15px;
}
.tagcloud a:nth-child(9n){
	background-color: #4A4A4A;
}
.tagcloud a:nth-child(9n+1){
	background-color: #428BCA;
}
.tagcloud a:nth-child(9n+2){
	background-color: #5CB85C;
}
.tagcloud a:nth-child(9n+3){
	background-color: #D9534F;
}
.tagcloud a:nth-child(9n+4){
	background-color: #567E95;
}
.tagcloud a:nth-child(9n+5){
	background-color: #B433FF;
}
.tagcloud a:nth-child(9n+6){
	background-color: #00ABA9;
}
.tagcloud a:nth-child(9n+7){
	background-color: #B37333;
}
.tagcloud a:nth-child(9n+8){
	background-color: #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: #ffffff;
}

/*info*/

.meta .copypaw {
    cursor: copy;
    font-weight: 600;
    background-color: #c1c1c1;
    border-radius: 4px;
    color: #d2d2d2;
  
    background-image: linear-gradient(45deg,#9E9E9E 25%,white 0,white 50%,#9E9E9E 0,#9E9E9E 75%,white 0);
    background-size: 2px 2px;
}


.ripro-dark .content-box {
    background-color: #1D1F20;
}

.clearfix:after, .clearfix:before, .container:after, .container:before {
    display: table-cell;
    content: "";
    line-height: 0;
}
.article-box {
    position: relative;
    /*margin-top: -155px;*/
    width: 100%;
    z-index: 9;
    margin-bottom: 20px;
}
.content-box {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}


.article-info {
    padding: 20px 0 5px 10px;
    overflow: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
.article-info .thumb {
    width: 28.8%;
    float: left;
    padding: 10px 20px;
}
.iop {
    height: 248px;
    background-size: cover;
    border-radius: 4px;
    margin-top: 5px;
    background-size: 100% 100%;
}
.mk-alert {
    padding: 10px 15px;
    border-radius: 3px;
    margin: 1em auto;
    line-height: 1.5em;
    display: block;
    text-align: center;
    color: #67c23a;
}
.article-info img {
    height: auto;
    border-radius: 4px;
    width: auto;
    margin-top: 5px;
}
.z {
    text-align: center;
    color: #929191;
}
.article-info .meta {
    width: 70%;
    float: right;
    padding: 20px;
}
.meta .zy {
    margin-bottom: 10px;
    position: relative;
   
   
    border-bottom: 1px solid #535353;
    padding: 10px;
}
.meta .zy>strong {
    font-weight: bold;
}
.article-info .des {
    margin-top: 15px;
    font-weight: bold;
    padding-bottom:10px;
}
span.buy {
    font-size: 30px;
    line-height: 50px;
    margin-left: 10px;
}
.des i {
    font-size: 20px;
    font-style: normal;
}
.des u {
    color: #999;
    font-size: 12px;
    text-decoration: none;
    padding-left: 10px;
}
#momk {
    animation: change 10s infinite;
    font-weight: 800;
}
span.Tips {
    color: #ffffff;
    padding: 4px 10px;
    font-size: .875rem;
    width: 176px;
    margin: 20px auto;
    position: relative;
    left: 16px;
    top: -7px;
}
.dashicons, .dashicons-before:before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

 .btn {
    display: inline-block;
    padding: .25rem 0.5rem;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
    white-space: nowrap;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    user-select: none;
}

 .btn-buy {
    line-height:34px;
    width:180px;
    margin-right:5px;
    color:#fff;
    
}
 .btn-buy:hover {
    -webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -o-transform:scale(0.95);
    transform:scale(0.95);
    -webkit-box-shadow:0 0px 0px rgba(32, 160, 255, .3);
    box-shadow:0 0px 0px rgba(32, 160, 255, .3);
    color:#fff
}
.btn-demo {
    /* border: 1px solid #f58365; */
    line-height: 34px;
    width: 180px;
    margin-right: 5px;
    /*-webkit-box-shadow: 0 8px 10px rgba(187, 48, 57, .14);*/
    /* box-shadow: 0 8px 10px rgba(187, 48, 57, .14); */
    /* color: #fff; */
}
.btn-demo:hover {
    -webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -o-transform:scale(0.95);
    transform:scale(0.95);
    -webkit-box-shadow:0 0px 0px rgba(32, 160, 255, .3);
    box-shadow:0 0px 0px rgba(32, 160, 255, .3);
    color:#fff;
}

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

@media(max-width:768px) {
	
	.downinfo {
    display: block;
    width: 100%;
}
    .shop-focus {
        padding:30px 0 100px !important;
    }
    .article-box {
        
        width:100%;
    }
    .article-info {
    padding: 10px 0 5px 10px;
    
    }
    .article-info .thumb {
        width:97%;
    }
    .article-info .meta {
        width:100%;
        padding-left:10px;
        margin-top:30px;
        margin-top:30px;
    }
    .article-info img {
        height:auto;
        margin-bottom:20px;
    }
    .article-info .des {
        text-align:center;
    }
    .meta ul.tagcc {
        display:block;
        background:#f6f6f6;
        padding:5px;
        border-radius:4px;
        margin-top:30px;
    }
    .meta .btn-buy, .btn-demo {
        line-height:24px;
        width:100%;
        display:block; 
        margin-top:10px;
    }
    .meta .serv {
        text-align:center;
    }
    .meta .serv>span {
        display:inline-block;
        width:49%;
        padding:0 1%;
    }
    .btn--secondary{
    	display: block; 
    }
}


ul.tagcc {
    display: block;
    background: #f6f6f6;
    padding: 5px;
    border-radius: 4px;
    /*margin: 20px 0 0 0;*/
}
.tagcc li {
    padding: 5px 10px;
}
.meta .serv {
    padding: 10px;
    list-style: none;
    font-size: 0;
    margin: 0;
}
.meta .serv li {
    display: inline-block;
    margin-right: 15px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}
ul.serv li>i {
    font-size: 20px;
    margin-right: 5px;
}
.dashicons, .dashicons-before:before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}
.dashicons-plugins-checked:before {
    content: "\f485";
}
.dashicons-shield:before {
    content: "\f332";
}
.dashicons-update-alt:before {
    content: "\f113";
}
.dashicons-cloud:before {
    content: "\f176";
}
.shengming {
    display: block;
    font-size: 14px;
    color: #929191;
}
.shengming p {
    padding: 10px;
    border-radius: 4px;
    background: #f6f6f6;
}
.dashicons-info:before {
    content: "\f348";
}

.clearfix:after, .clearfix:before, .container:after, .container:before {
    display: table-cell;
    content: "";
    line-height: 0;
}

.meta .tagcc , .meta .serv{
	color:#fff;
}
.zy h2 {
        margin: 5px;
          width: 80%;
            font-size: 20px;
}

a.btn.btn-buy.down {
    color: #fff;
}

i.fa.fa-diamond {
    font-size: 14px;
}

i.fa.fa-user {
    color: #fff;
}

.tagcc li span {
    margin-right: 16px;
}




.ripro-dark ul.tagcc {
   
    background: #232425;
    color: #8c8c8c;
    font-size: 13px;
   
}

.ripro-dark .shengming p {
    background: #232425;

}

.ripro-dark .navbar .sub-menu {
    background-color: #2c2c2c;
}

.ripro-dark .meta .tagcc, .ripro-dark .meta .serv {
    color: #fff;
}


.ripro-dark .btn-demo .fa-qq {
    color: #fff;
}
.home-filter--content .focusbox-title {
    padding-top: 200px;
}

/*single标题热度*/
.works-top .right {
    /* float: left; */
    /* width: 200px; */
    flex: 1;
    text-align: right;
    margin: 5px;
}
@media (max-width: 768px){

	.works-top .right {
    /* float: left; */
    /* width: 200px; */
    display: none;
    flex: 1;
    text-align: right;
    margin: 5px;
   }
}
.entry-header .entry-title{
	overflow: hidden;/*超出部分隐藏*/
    white-space: nowrap;/*不换行*/
    text-overflow:ellipsis;/*超出部分文字以...显示*/
	
}


.works-top .hot {
   
    margin-right: 12px;
   
}
.works-top .hot i {
    font-size: 30px;
    color: #acbbc6;
    
    vertical-align: middle;
}
.icon-hot:before {
    content: "\e64f";
}
.works-top .hot .num115 {
    font-size: 30px;
    color: #acbbc6;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
}
.works-top .hot .num115 strong {
    position: absolute;
    right: -4px;
    top: 0px;
    font-size: 22px;
}

i.wp.wp-huo {
    color: #F44336;
        font-style: italic;
}

.zy.works-top {
    border-radius: 5px 5px 0 0;
     display: flex;
}

.tabtst {
       overflow: hidden;
    width: 100%;
    height: 55px;
    cursor: pointer;
    margin-bottom: 20px;
}

.tabtst li {
    float: left;
    padding: 0 20px;
    text-align: center;
    line-height: 53px;
    font-size: 18px;
    color: #ccc;
    list-style: none;
}

.tabtst li.on {
    /*border-bottom: 2px solid #f58365;*/
    color: #929191;
    line-height: 53px;
    font-weight: 700;
    font-size:20px;
}
.zixun {

    margin-top: 10px;
    float: right;

}
.zixun p {

    float: right;

}
.zixun p .fuzhi {

    float: left;
    height: 30px;
    border: 0;
    color: #fff;
    line-height: 30px;
    padding: 0 5px;

}


.buy .fa {
    margin-right: 10px;
}

.buy span {
    margin-left: 10px;
    color: #fff;
}

a.howto {
    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;
    margin-left: 20px;
    padding: 0 16px;
}

c {
    margin-left: 10px;
    color: #555;
    font-size: 20px;
}




.meta .price {
    color: #FFC107;
    font-size: 28px;
    margin-right: 5px;
    font-size: 20px;
}



.meta .ua {
    
    font-size: 28px;
    margin-right: 5px;
    font-size: 20px;
}

 .meta .boosvip-abs {
    text-align: center;
    font-size: 14px;
}

 .meta .boosvip-abs i, .meta .boosvip-abs a{
 	font-size: 14px;
 }

.boosvip-abs .fa{
	margin-left: 10px;
	margin-right: 0;
}



.col-sm-6, .col-sm-6, .col-md-9{
	padding-bottom: unset;
}

.downinfo.pay-box{
	/*display: flex;*/
    width: 100%;
    margin-bottom: 15px;
}


.btn--block{
	line-height: 34px;
    margin-right: 5px;
   /* width: 180px !important;*/

}
.go-down {
    margin-top: 15px;
    line-height: 34px;
    width: 180px;
    margin-right: 5px;
    color: #fff;
}

.widget-pay .btn-buy,.widget-pay .btn--block, .widget-pay .go-down {
 
    width: 100% !important;
}
/*收费文章支付*/
.article-content .content-hide-tips .red{
	background-color: rgba(246, 246, 246, 0);
}