@charset "UTF-8";.navbar .login-btn{background-color:#fd7221;color:#fff}
.slider.big{border-radius:15px}
@media (max-width:768px){.module.slider .post{height:160px}
}
.jizhisucai-tj{margin:0 auto;padding:0 81px;line-height:40px;border-radius:73px;position:relative;height:40px;vertical-align:middle;text-align:center;width:766px;background:linear-gradient(125deg,#0273ff9e 0,#12a9ffbd 100%);margin-top:-80px;z-index:1}
.jizhisucai-tj span{float:left;color:#fff;position:relative;top:1px}
.jizhisucai-tj span .ri-fire-fill{background:#fff3;border-radius:50%;width:18px;height:18px;color:#fff;display:block;float:left;position:relative;top:12px;margin-right:7px}
.jizhisucai-tj span .ri-fire-fill:before{content:"\ecf4";position:relative;top:-12px}
.jizhisucai-tj li a:hover{color:#f44336}
.jizhisucai-tj ul{margin:0 auto;width:866px}
.jizhisucai-tj li{float:left;margin-right:18px;list-style-type:none}
.jizhisucai-tj li a{float:left;color:#e6e6e6;padding:0 9px}
.jizhisucai-sz{color:#fff;font-style:inherit;font-size:15px;position:relative;top:1px}
.home-filter--content .form-box{padding:10px;background-color:rgba(255,255,255,.2);border-radius:4px;position:relative;margin-right:26%;margin-left:26%;z-index:999}
.alert-dark{background-color:#f0f4ff;color:#0e3686}
.type_icont_2{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);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}
.description-17codesign{display:inline-block;font-size:12px;line-height:24px;color:#6b798e}
@keyframes mymove{0%{background-position:0 0}
50%{background-position:50% 100%}
100%{background-position:100% 0}
}
.alert-dark{background-color:#f0f4ff;color:#0e3686}
.type_icont_1{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);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;display:inline-block;height:22px;line-height:21px;border:0 solid #fff;padding:0 10px;border-radius:13px;transition:all .3s ease;border-color:#ff8a00;margin-top:9px;margin-right:18px}
.zhankr_qphdptj{padding-bottom:70px!important}
@media (max-width:768px){.deansubnavsins{display:none!important}
}
@media (max-width:768px){.module.slider.diy .post{margin-top:0!important;min-height:0!important}
}
@media (max-width:768px){.jizhisucai-tj{display:none!important}
}
@media (max-width:768px){.zhankr_qphdptj{padding-bottom:10px!important}
}
.hide_sm{display:flex}
.container .col-1-4{float:left;box-sizing:border-box;margin-right:7.3333px;width:100%}
.container .col-1-4:last-child{margin-right:0}
@media (max-width:1200px){.deansubnavsins{display:none!important}
}
@media (max-width:768px){.deansubnavsins{display:none!important}
.container .col-1-4{float:left;box-sizing:border-box;margin-right:0;width:100%}
}
@media (min-width:768px){.container .col-1-4{width:50%}
}
@media (min-width:1024px){.container .col-1-4{width:25%}
}
@media (min-width:1024px){.ripro-dark .home-first{background:#232425}
}
@media (min-width:768px){.home-first .h-images:after{display:none}
}
@media (min-width:768px){.home-first .h-images{display:box;display:-ms-flexbox;display:flex;width:100%;justify-content:space-between}
}
@media (min-width:1024px){.home-first .h-images{width:25%}
}
.home-first .h-images .item-tuwen{float:left;padding:0 6.5px;width:50%}
@media (min-width:1024px){.home-first .h-images .item-tuwen{float:none}
}
@media (min-width:1024px){.home-first .h-images{display:block;box-sizing:border-box;padding:0 7.3333px}
.home-first .h-images .item-tuwen{padding:0;width:auto}
}
.home-first .item-tuwen{margin-bottom:15px}
@media (min-width:768px){.home-first .item-tuwen{margin-bottom:13px}
}
.home-first .item-tuwen a{position:relative;display:block;overflow:hidden;border-radius:3px}
.home-first .item-tuwen a .thumb{padding-top:57%;transition:all .2s;transform-origin:center}
.home-first .item-tuwen a strong{position:absolute;right:0;bottom:0;left:0;z-index:10;display:block;padding:.4em .8em .6em;background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background-repeat:repeat-x;box-shadow:0 -7px 15px rgba(0,0,0,.2);color:#fff;letter-spacing:.5px;font-weight:700;font-size:9pt;line-height:1.3}
@media (min-width:768px){.home-first .item-tuwen a strong{letter-spacing:1px;font-size:14px;line-height:1.4}
}
.home-first .hf-widget{box-sizing:border-box;padding:14px 17px 0;border:1px solid #f2f2f2;background:#fff;box-shadow:0 4px 12px 0 rgba(52,73,94,.1);border-radius:3px}
.ripro-dark .home-first .hf-widget{border:1px solid #2b2b2b;background:#232425;box-shadow:8px 8px 9pt #212121}
@media (min-width:768px){.home-first .hf-widget{overflow:hidden;height:135px}
}
@media (min-width:1024px){.home-first .hf-widget{margin-bottom:0}
}
.home-first .hf-widget [class*=" icon-"]:before,.home-first .hf-widget [class^=icon-]:before{margin:0}
.home-first .hf-widget .hf-widget-title{margin-bottom:14px;padding:0 0 10px;border-bottom:1px solid #f2f2f2;color:#383838;letter-spacing:1px;font-weight:700;font-size:15px;line-height:20px;margin-bottom:10px}
/* h3 主标题样式 */
.hf-widget-title {
color: #333; /* 主标题默认文字颜色（深灰） */
}
/* h3 中的链接（书法学堂） */
.hf-widget-title a {
color: #bd9237; /* 主色：转为金色 */
text-decoration: none;
transition: color 0.3s ease;
margin-right: 5px; /* 与span间隔 */
}
/* h3 链接hover效果 */
.hf-widget-title a:hover {
color: #8B4513; /* 悬停色：转深棕色（类似墨色） */
/* text-decoration: underline; 可选下划线 */
}
/* 子标题span（书法学习好帮手） */
.hf-widget-title span {
color: #999; /* 浅灰色副标题 */
font-size: 0.9em;
font-weight: normal;
}
/* 右侧箭头图标链接 */
.pages .next a {
color: #ccc; /* 默认浅灰色 */
}
.pages .next a:hover {
color: #bd9237; /* 悬停时金色 */
}
/* 添加墨迹扩散动画（可选） */
.hf-widget-title a {
position: relative;
}
.hf-widget-title a::after {
content: '';
position: absolute;
width: 0;
height: 1px;
bottom: -2px;
left: 0;
background: #bd9237;
transition: width 0.3s;
}
.hf-widget-title a:hover::after {
width: 100%;
}
.ripro-dark .home-first .hf-widget .hf-widget-title{border-bottom:1px solid #696969}
.ripro-dark .home-first .hf-widget .hf-widget-title a{color:#ccc}
.home-first .hf-widget .hf-widget-title>i{margin-right:2px;color:#bd9237}
.ripro-dark .home-first .hf-widget .hf-widget-title>i{margin-right:2px;color:#ffa363}
.home-first .hf-widget .hf-widget-title span{margin-left:10px;color:#a7a7a7;font-weight:400;font-size:9pt;line-height:20px}
@media (min-width:1024px){.home-first .hf-widget .hf-widget-title span{display:none}
}
@media (min-width:1330px){.home-first .hf-widget .hf-widget-title span{display:inline}
}
.home-first .hf-widget .hf-widget-title .pages{float:right;padding-top:2px}
.home-first .hf-widget .hf-widget-title .pages .next,.home-first .hf-widget .hf-widget-title .pages .prev{float:left;margin:0;padding:1.5px 6px;height:1pc;border:1px solid #eee;color:#ccc;font-size:9px;line-height:15px;cursor:pointer;border-radius:50px}
.home-first .hf-widget .hf-widget-title .pages .next:hover,.home-first .hf-widget .hf-widget-title .pages .prev:hover{color:#bd9237}
.home-first .hf-widget .hf-widget-title .pages .prev{border-right:none}
.home-first .hf-widget .hf-tags{margin-bottom:-10px}
@media (min-width:768px){.home-first .hf-widget .hf-tags{overflow:hidden;height:4pc}
}
.home-first .hf-widget .hf-tags a{display:inline-block;margin:0 5px 10px;padding:0 5px;height:22px;border-radius:2px;background:#f9f9f9;color:#888;white-space:nowrap;font-size:9pt;line-height:22px;word-break:break-all}
.home-first .hf-widget .hf-tags a:first-child,.home-first .hf-widget .hf-tags a:hover{background:#bd9237;color:#fff}
.ripro-dark .home-first .hf-widget .hf-tags a{background:#2c2e2f}
.home-first .hf-widget-4 .hf-widget-content{color:#888;font-size:14px}
.home-first .hf-widget-4 .hf-widget-content a{color:#888}
.home-first .hf-widget-4 .hf-widget-content a:hover{color:#bd9237}
.home-first .hf-widget-4 .hf-widget-content h3{overflow:hidden;height:22px;font-weight:400;font-size:13px;line-height:22px;margin:0 0 10px}
.home-first .hf-widget-4 .hf-widget-content em{float:right;padding:0 5px;height:22px;border-radius:2px;background:#fff5ef;color:#ff5c00;font-style:normal;font-size:9pt;line-height:22px}
.home-first .hf-widget-4 .hf-widget-content ul li{margin-bottom:5px}
.home-first .hf-widget-4 .hf-widget-content ul li:last-child{margin-bottom:0}
.home-first .hf-widget-1 .hf-widget-content a{color:#888}
.ripro-dark .home-first .hf-widget-1 .hf-widget-content a{color:#ccc}
.home-first .hf-widget-1 .hf-widget-content a:hover{color:#69a1ff}
.home-first .hf-widget-1 .hf-widget-content li{float:left;box-sizing:border-box;padding:0 10px;width:25%;text-align:center;font-size:9pt}
.home-first .hf-widget-1 .hf-widget-content li .thumb{margin:0 auto 4px;padding-top:36px;width:36px}
.home-first .hf-widget-1 .hf-widget-content li span{display:block;height:16px;line-height:16px;overflow:hidden}
.home-first .hf-widget-1 .hf-widget-content .scroll-h{margin:0 -10px}
.home-first .scroll-h{position:relative;overflow:hidden;height:56px}
.home-first .scroll-h ul{list-style:none;position:absolute;top:0;left:0;width:100%;transition:all .2s;margin:0;padding-left:0}
.home-first .scroll-h ul:after,.home-first .scroll-h ul:before{clear:both;display:block;visibility:none;height:0;content:"";line-height:0}
/* 默认链接样式 */
.home-first .hf-widget-1 .hf-widget-content li span a {
color: #5a4a3a; /* 深棕灰色，类似传统书法纸张的深色 */
text-decoration: none; /* 去除下划线 */
transition: all 0.3s ease; /* 平滑过渡效果 */
padding: 2px 4px; /* 适当内边距 */
border-bottom: 1px solid transparent; /* 为下划线动画预留 */
}
/* Hover 悬停效果.home-first .hf-widget-1 .hf-widget-content a:hover */
.home-first .hf-widget-1 .hf-widget-content li a:hover {
color: #bd9237; /* 主金色 */
border-bottom-color: #bd9237; /* 底部金色下划线 */
background-color: rgba(189, 146, 55, 0.05); /* 极浅的金色背景 */
}
/* Active 点击时效果 */
.home-first .hf-widget-1 .hf-widget-content li span a:active {
color: #8B4513; /* 深棕色 */
transform: translateY(1px); /* 轻微下沉效果 */
}
/* Focus 可访问性效果 */
.home-first .hf-widget-1 .hf-widget-content li span a:focus {
outline: 2px solid #bd9237;
outline-offset: 2px;
border-radius: 2px;
}
/* 已访问链接效果（可选） */
.home-first .hf-widget-1 .hf-widget-content li span a:visited {
color: #7a6b5a; /* 比默认色稍浅 */
}
/* 毛笔书写动画效果（可选） */
.home-first .hf-widget-1 .hf-widget-content li span a {
position: relative;
}
.home-first .hf-widget-1 .hf-widget-content li span a::after {
content: '';
position: absolute;
width: 0;
height: 1px;
bottom: 0;
left: 0;
background: linear-gradient(90deg, transparent 10%, #bd9237 50%, transparent 90%);
transition: width 0.4s ease;
}
.home-first .hf-widget-1 .hf-widget-content li span a:hover::after {
width: 100%;
}
.home-first .scroll-h .holdon{position:absolute;top:0;left:100%}
.home-first .scroll-h .holdon-prev{left:-100%}
.home-first .hf-widget-hot-cats .hhicon{display:inline-block;margin-bottom:5px;width:36px;height:36px;border-radius:100%;background:#f2e8b6;color:#bd9237;text-align:center;font-size:20px;line-height:36px}
.ripro-dark .home-first .hf-widget-hot-cats .hhicon{background:#2c2e2f;color:#ffa363}
.home-first .hf-widget-hot-cats .scroll-h li a{display:block}
.home-first .hf-widget-hot-cats .scroll-h li a:hover .hhicon{background:#bd9237;color:#fff}
.home-first .thumb{position:relative;display:block;overflow:hidden;padding-top:66.7%;width:100%;height:0;background-color:transparent;background-position:center;background-size:cover;background-repeat:no-repeat;transition:all .2s}
.home-first i{font-weight:300}
@media screen and (max-width:720px){.home-first .hf-widget-1 .hf-widget-content .scroll-h,.home-first .hf-widget-content{margin:1pc -10px}
}
@media (max-width:768px){.sxweb{display:none}
}
.zhankr-bj{background:#fff;padding-bottom:30px!important}
.fa-volume-up:before{content:"\f028";color:#ff5c00}
.deanggwrap{width:100%;padding-top:30px;padding-right:40px;background:#fff;display:flex;justify-content:center;align-items:center}
.deangg{width:900px;float:left;line-height:30px;background:#f0f4ff;margin-right:30px;padding:10px 0;border-radius:30px}
@media (max-width:767px){.deangg{display:none}
}
@media (max-width:767px){.deanggwrap{padding-right:1px!important}
}
@media (max-width:767px){.deanchart ul li{margin-right:6px!important}
}
@media (max-width:767px){.deanchartdiv{margin-left:1px!important}
}
@media (max-width:767px){.deanchart{margin-left:40px!important}
}
.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;color:#2575fc}
.deangg b{height:12px;margin-top:9px;width:1px;display:block;float:left;background:#a8a8a8}
.deanggc{float:left;width:600px;margin-left:1px}
.announce-wrap{height:30px;overflow:hidden}
.deanggc ul li{font-size:14px;width:600px;display:block;clear:both;height:30px}
.deanggc ul li a{font-weight:400;color:#6b798e;float:left}
.deanggc ul li a:hover{color:#2575fc;text-decoration:blink}
.deanggc ul li span{float:right;color:#999;font-size:12px;width:120px}
.deanchart{float:right;height:50px;width:400px;color:#fff;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(../images/zhuti.png) 0 0 no-repeat}
.deanchart ul li.deanchart2 i{background:url(../images/icon1.png) 0 0 no-repeat}
.deanchart ul li.deanchart3 i{background:url(../images/icon2.png) 0 0 no-repeat}
.deanchart ul li.deanchart4 i{background:url(../images/icon3.png) 0 0 no-repeat}
.deanchart ul li.deanchart5 i{background:url(../images/icon5.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}
.clear{margin-top:-5px}
.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}
.section{padding-top:20px;padding-bottom:20px;background:#fff}
.home-first-screen{padding:40px 0 30px;margin-top:-10px}
.toptu{background-color:#fff}
.item.scroll{left:0;width:100%;height:420px;background-size:auto 100%;pointer-events:none;background-position:center center;background-repeat:no-repeat;transition:opacity .3s ease 0s;white-space:nowrap;overflow:hidden;position:relative;font-size:0;background:#000;word-wrap:break-word;box-sizing:border-box;outline:0}
.item.scroll .scroll-image{position:relative;height:100%;transform:translateX(0);animation:banner 40s linear infinite;opacity:.5;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
.hVBrzU{position:absolute;top:100px;left:0;right:0;text-align:center;font-size:16px;white-space:normal;width:100%;margin:auto}
.static{position:static;margin-top:-76px;margin-bottom:-30px;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;max-width:1399px}
.static .flex{padding:0;display:flex}
.static li.st_one{flex:1;margin-right:10px;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 2px 5px rgba(0,0,0,.2);list-style:none;transition:all .3s ease-out}
.static li.st_one:hover{transform:translateY(5px)}
.static .st_one .card-main{width:100%}
.static .active-card-title{position:absolute;bottom:0;color:#fff;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),to(transparent));width:100%;padding:12px 20px;font-size:16px;margin:0}
@media screen and (max-width:900px){.item.scroll{height:200px;margin-top:-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}
.view{margin:auto;padding-left:0;padding-right:0;width:100%;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}
.view_content{-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:72.71063%;flex-basis:72.71063%}
.sucaishuoming .title{font-weight:300;font-style:inherit;letter-spacing:.51px;font-size:24px;color:#fff;margin-bottom:20px}
.sucaishuoming .description{color:#7c7c7d;font-size:14px;margin:10px 0;max-height:320px;position:relative;overflow:hidden}
.open_more{color:#ff6499;font-size:14px;line-height:50px;cursor:pointer}
.view_right{display:block;-ms-flex-preferred-size:100%;flex-basis:100%;min-width:0;-ms-flex-preferred-size:26.09959%;flex-basis:26.09959%;margin-left:1.18978%;width:auto;box-shadow:none;padding-left:20px;box-sizing:border-box}
.mt_60{margin-top:60px}
.r_format{list-style:none;padding:0;margin:0}
.format_li{font-size:11px;list-style:none;position:relative;padding-left:20px}
.format_li:after,.format_li:not(:last-of-type):before{content:"";position:absolute;top:calc((1em - -5px)/ 2)}
.format_li:not(:last-of-type):before{height:100%;width:1px;left:3px;background:linear-gradient(-180deg,#399dff 0,#297dcf 98%)}
.r_flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex_box{padding:3px 20px 17px 0;-ms-flex-preferred-size:100%;flex-basis:100%}
.flex_tit{float:left;font-style:inherit;font-size:12px;letter-spacing:.075em;margin-top:0;text-transform:uppercase;display:block;font-weight:400}
.flex_tip.uppercase{text-transform:uppercase}
.flex_tip{font-style:inherit;letter-spacing:0;font-size:12px;letter-spacing:.025em;color:#7c7c7d;margin-bottom:0;word-break:break-word;display:block}
.section:after{content:"";display:table;clear:both}
.format_li:after,.format_li:not(:last-of-type):before{content:"";position:absolute;top:calc((1em - -5px)/ 2)}
.col-xs-6{width:50%}
.home-first-screen{background-color:#fff}
.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;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;color:#4bbbfa;font-weight:400;line-height:14px;padding:0 10px 0 0;border-right:1px solid #eee}
.home-first-screen .dubao h3 a{color:#4bbbfa}
.home-first-screen .dubao h3 a:hover{color:#fff}
.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:#bd9237;margin-right:6px;margin-top:-2px}
.home-first-screen .parts .hf-title strong a{font-weight:400;color:#555}
.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 .more:hover{color:#fff;background:#bd9237;border-color:#4bbbfa}
.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:0}
.home-first-screen .parts .items strong{color:#606060}
.home-first-screen .parts .items strong.title{display:block;line-height:1.2em;font-size:.8em;height:1.4em;overflow:hidden;text-align:center;font-weight:400}
.home-first-screen .parts .items a:hover strong{color:#bd9237}
.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{border-color:#4bbbfa;background:#4bbbfa;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:0}
.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}
.home-first-screen .home-course li a:hover{color:#4bbbfa}
.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:0}
.home-first-screen .home-menus li{float:left;width:33.33333333%;text-align:center}
.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{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);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 #eee}
.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:40px 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%}
}
.icon{width:1.5em;height:1.15em;vertical-align:-.25em;fill:currentColor;overflow:hidden}
.zhankr-zx{position:relative;margin-bottom:18px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;line-height:1}
.zhankr-zx:before{margin-right:10px}
.zhankr-zx:after{margin-left:10px}
.zhankr-zx:after,.zhankr-zx:before{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(-125deg,#298aff 0,#2953fd 100%);border-radius:50%}
.zhankr-zx span{font-family:Futura;background:linear-gradient(-125deg,#298aff 0,#2953fd 100%);-webkit-background-clip:text;color:transparent;font-size:49px;letter-spacing:5px;display:inline-block;font-weight:700}
.zhankr-zx .zhankr-zx-n{font-size:20px}
.zhankr-zx .zhankr-zx-n strong{display:block;font-size:20px;background:linear-gradient(-125deg,#298aff 0,#2953fd 100%);-webkit-background-clip:text;color:transparent}
.home-pd-title{position:relative;margin-bottom:3px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;line-height:1}
.home-pd-title:before{margin-right:10px}
.home-pd-title:after{margin-left:10px}
.home-pd-title:after,.home-pd-title:before{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(-125deg,#bd9237 0,#A27728 100%);border-radius:50%}
.home-pd-title span{font-family:Futura;background:linear-gradient(-125deg,#bd9237 0,#A27728 100%);-webkit-background-clip:text;color:transparent;font-size:40px;letter-spacing:5px;display:inline-block;font-weight:700}
.home-pd-title .home-pd-title-n{font-size:18px;padding-top: 3px;}
.home-pd-title .home-pd-title-n strong{display:block;font-size:18px;background:linear-gradient(-125deg,#bd9237 0,#A27728 100%);-webkit-background-clip:text;color:transparent}
.home-pd-title-more{position:relative;margin-bottom:3px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;line-height:1}
.home-pd-title-more:before{margin-right:10px}
.home-pd-title-more:after{margin-left:10px}
.home-pd-title-more:after,.home-pd-title-more:before{content:"";display:inline-block;width:8px;height:8px;background:linear-gradient(-125deg,#aaa 0,#999 100%);border-radius:50%}
.home-pd-title-more span{font-family:Futura;background:linear-gradient(-125deg,#298aff 0,#2953fd 100%);-webkit-background-clip:text;color:transparent;font-size:49px;letter-spacing:5px;display:inline-block;font-weight:700}
.home-pd-title-more .home-pd-title-more-n{font-size:16px}
.home-pd-title-more .home-pd-title-more-n strong{display:block;font-size:20px;background:linear-gradient(-125deg,#298aff 0,#2953fd 100%);-webkit-background-clip:text;color:transparent}
.HhcatboxDes{position:absolute;opacity:0;z-index:1;align-items:center;display:flex;font-size:16px;height:180px;justify-content:center;width:100%;color:#fff;font-weight:600;background:#00000070;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out;-webkit-transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.HhCooltitle{margin-top:10px}
.widget_tabcontent h3 .selected{color:#282828;border-bottom:2px solid #282828}
.ripro-dark .widget_tabcontent h3 .selected{color:#bd9237;border-bottom:2px solid #bd9237}
.widget_tabcontent h3 span{color:#999;margin:0 18px;letter-spacing:.51px;position:relative;line-height:1;padding-bottom:10px;cursor:pointer;font-weight:400}
.ripro-dark .widget_tabcontent h3 span{color:#f1f1f1}
.widget_tabcontent h3 span:hover{border-bottom:2px solid #bd9237}
.widget_tabcontent .hide-code{display:none;padding-left:0}
.show{display:block!important}
.text-center{padding-top:15px;padding-bottom:13px;background-color:#fff}
.post-list{background:#fff;box-shadow:0 4px 12px 0 rgba(52,73,94,.1)}
.choosetype{text-align:center}
.choosetype a{display:inline-block;width:96px;height:30px;line-height:28px;margin:-14px 10px 24px 10px;color:#777;border:1px solid #fff;border-radius:15px;background:#eff1f4}
.choosetype a:hover{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff;border:1px solid #0b85f9}
@media (max-width:767px){.choosetype a{display:inline-block;width:96px;height:30px;line-height:28px;margin:10px 10px;color:#666;border:1px solid #ffffff00;border-radius:15px}
}
.modular-title-2 .section-title{margin-bottom:0}
@media (max-width:767px){.modular-title-2 .section-title{font-size:15px;margin-bottom:0}
}
.btn--white{background-color:#fff;color:#34495e}
.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;letter-spacing:1px;line-height:33px;outline:0;margin:0 6px;padding:0 18px;text-align:center;position:relative}
.btn2{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;letter-spacing:1px;line-height:33px;outline:0;margin:0 9px;padding:0 18px;text-align:center;position:relative}
.home-cat-nav-wrap ul li .on,.home-cat-nav-wrap ul li:hover .btn{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff}
.home-cat-nav-wrap{background-color:#eff1f4;position:relative;padding:5px 10px;border-radius:4px;margin-bottom:10px}
.home-cat-nav-wrap-pd ul li .on,.home-cat-nav-wrap-pd ul li:hover .btn{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff}
.home-cat-nav-wrap-pd{background-color:#fff;position:relative;padding:10px 5px;border-radius:4px;margin-bottom:20px;margin-top:20px}
.home-cat-nav-wrap-pd-more ul li .on,.home-cat-nav-wrap-pd-more ul li:hover .btn{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff;}
.home-cat-nav-wrap-pd-more{background-color:#f8f9fa;position:relative;padding:10px 10px;border-radius:30px;margin-bottom:15px;width:100%; margin:0 auto 15px;}
.home-cat-nav-wrap-pd-more a{color:#666}
.home-cat-nav-wrap-pd-more a:visited{color:#aaa}
.home-cat-nav-wrap-pd-more a:hover{color:#f44336}
.zhankrzx{background-color:#f8f9fa}
.home-pd-1{background-color:#f8f9fa;}
.home-pd-2{background-color:#f8f9fa; margin-top:-20px;}
.home-pd-3{background-color:#eff1f4; margin-top:-20px;}
.post-grid .entry-header .entry-title{font-size:15px;font-weight:600;letter-spacing:-.2px;margin-bottom:0;display:block}
.entry-footer{display:flex;font-size:11px;font-weight:700;letter-spacing:.2px;margin-top:5px;text-transform:uppercase}
.entry-footer{display:block;font-weight:400}
.entry-footer .post-meta-box{display:flex;padding:5px 15px;font-size:12px;align-items:center;justify-content:flex-end;border-top:1px solid #ebeef5;color:#b4b4b4;margin:-9px;margin-top:10px;list-style:none}
.entry-footer .post-meta-box li:nth-child(1){flex:1;padding:0}
.entry-footer .post-meta-box .meta-date{color:#555}
.entry-footer .post-meta-box .meta-like{padding-left:8px}
.entry-footer .post-meta-box .meta-comment{padding-left:8px}
.entry-footer .post-meta-box .meta-views{padding-left:8px}
.entry-footer .post-meta-box .meta-price{margin-left:8px;position:relative;display:inline-block;padding:1px 6px;text-align:center;background:linear-gradient(-125deg,#fff 0,#fff 100%);box-shadow:0 8px 10px rgba(255,255,255,.3);color:#bd9237!important;border-radius:2px;line-height:initial}
.post-grid .entry-header .entry-title{font-size:14px;color:#666;font-weight:400;letter-spacing:-.2px;margin-bottom:0;display:block}
.zhankr-svip{border:solid 1px #5298fe;color:#5298fe;border-radius:3px;padding:0 5px;font-weight:600;margin-right:5px;line-height:18px;font-size:11px}
.entry-excerpt{color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:5px 0;line-height:22px;font-size:13px;height:66px}
.entry-header .entry-meta .meta-author a{margin-right:10px}
.zhankr-tab-dj{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.zhankr-tab-tj{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.zhankr-tab-jp{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:red;color:#fff;border-radius:2px;line-height:initial}
.zhankr-tab-zx{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.zhankr-tab-ycs{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf1{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf2{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf3{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:red;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf4{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf5{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf6{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf7{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf8{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf9{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf10{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf11{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf12{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf13{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf14{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf15{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf16{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color:#fd721f;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf17{position:relative;display:inline-block;padding:1px 6px;text-align:center;background-color: #F00;color:#fff;border-radius:2px;line-height:initial}
.shufa-tab-sf1,
.shufa-tab-sf2,
.shufa-tab-sf3,
.shufa-tab-sf4,
.shufa-tab-sf5,
.shufa-tab-sf6,
.shufa-tab-sf7,
.shufa-tab-sf8,
/*.shufa-tab-sf9,*/
.shufa-tab-sf10,
.shufa-tab-sf11,
.shufa-tab-sf12,
.shufa-tab-sf13,
.shufa-tab-sf14,
.shufa-tab-sf15,
.shufa-tab-sf16,
.shufa-tab-sf17 {
/* 默认样式（桌面端显示） */
display: block; /* 或其他适当的显示属性 */
/* 移动端断点 - 通常以 768px 为分界点 */
@media only screen and (max-width: 767px) {
display: none !important;
}
/* 可以添加更多断点 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* 平板设备样式 */
}
@media only screen and (min-width: 1024px) {
/* 大屏幕桌面设备样式 */
}
}
.infinite-scroll-button{min-width:200px;padding:16px}
.button{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 3px 10px -1px #2c63ff!important}
.jq22-price-nub{background-image:-webkit-gradient(linear,left top,right top,from(#bd9237),to(#467eff));background-image:-moz-linear-gradient(left,#f63f5d,#ec2546);background-color:#bd9237}
.codecdk-panel .jq22-flex .jq22-flex-box .cop-codecdk{background-image:-webkit-gradient(linear,left top,right top,from(#bd9237),to(#467eff));background-image:-moz-linear-gradient(left,#f63f5d,#ec2546);box-shadow:-4px 8px 12px 0 #0721ff2e}
.jq22-full{height:2rem;line-height:2.3rem;background:#bd9237;color:#467eff;font-size:.8rem;text-align:center}
.modular-title-2 .section-title{margin-bottom:0}
.modular-title-2 .section-title{text-align:center!important}
.modular-title-2 .section-title:before{height:0}
.modular-title-2 .section-title span{background:#fff0}
.modular-title-2 .section-title span{font-size:24px;font-weight:400;letter-spacing:.51px;position:relative;line-height:1;background:#fff0}
.section-title .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}
.section-title .category-num{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3)}
.zhankr-syli{text-align:center!important;list-style:none;margin-bottom:20px;margin-top:10px;color:#34495e}
.post-grid{box-shadow:0 4px 12px 0 rgba(52,73,94,.1)}
.post-list{box-shadow:0 4px 12px 0 rgba(52,73,94,.1)}
.entry-header .entry-meta .meta-author a{margin-right:10px}
.uposts{box-shadow:0 14px 12px 0 rgba(52,73,94,.1)}
.button,.navigation .nav-next a,.navigation .nav-previous a,button[type=submit],input[type=submit]{width:200px}
.zhankr .data-items{font-size:0;min-height:85px}
.zhankr li{display:inline-block;vertical-align:top;width:250px}
.zhankr li i{display:inline-block;height:25px;color:#fff;transition:.3s;font-size:18px;margin-top:20px}
.zhankr li strong{display:block;line-height:48px;font-size:36px;color:#fff;position:relative;transition:.3s}
.zhankr li span{display:block;color:#fff;font-size:12px;line-height:1;transition:.3s}
.zhankr li strong::after{content:'+';font-size:18px;position:absolute;line-height:1;padding-left:3px;opacity:0;transition:.3s}
.zhankr li strong.active::after{opacity:1}
.zhankr li:hover i{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.zhankr li:hover strong{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.zhankr li:hover span{color:#ec2546;transform:translate(0,-3px);text-shadow:3px 5px 10px #1716166b}
.module.parallax .container{padding-top:1px;padding-bottom:38px}
a.button.transparent.go_pay_vip_box{color:#1e1e1e;background:linear-gradient(50deg,#ffab00 0,#fff800 100%)!important;box-shadow:4px 3px 16px 0 #ffc1072e}
.footer-widget .widget--newsletter button{color:#bd9237}
@media (max-width:767px){.module.parallax{min-height:250px;display:none}
}
.footer-widget .widget--title h5{position:relative;font-size:16px;letter-spacing:2px;padding:0 0 1rem;margin:0;font-weight:300;color:#34495e}
.icon-v6-stripe.weixinpay{width:75px!important;height:auto}
.icon-v6-stripe{margin-left:10px}
.icon{height:20px!important;vertical-align:middle;float:left!important;margin-top:-20px}
.icon-v6-stripe.alipay{width:64px!important;height:auto!important}
.icon{width:3.5em!important;height:2em!important;vertical-align:-.25em!important;fill:currentColor;overflow:hidden}
.footer-widget .widget--newsletter .form-control{border-radius:50px}
.newsletter--form button{width:10px}
.aq img{margin-top:10px;display:inline}
.waveHorizontals{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;background-color:#495057;}
.ripro-dark .waveHorizontals{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;background-color:#181616!important}
#waveHorizontal1{-webkit-mask:url(../images/zhankr_001.svg);mask:url(../images/zhankr_001.svg);animation-delay:-2s;animation-duration:12s}
#waveHorizontal1,#waveHorizontal2,#waveHorizontal3{background-image:linear-gradient(20deg,#2954fd 0,#0490f9 100%)!important}
.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,0) scale(1,1)}
50%{transform:translate(-87px,0) scale(1,.5)}
100%{transform:translate(0,0) scale(1,1)}
}
#waveHorizontal2{-webkit-mask:url(../images/zhankr_002.svg);mask:url(../images/zhankr_002.svg);animation-delay:-2s;animation-duration:5s}
#waveHorizontal3{-webkit-mask:url(../images/zhankr_003.svg);mask:url(../images/zhankr_003.svg);animation-delay:-1s;animation-duration:3s}
.float-radius{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.float-text{color:#bd9237}
.yousc-dark a.float-text{color:#bd9237}
.float-icon{color:#bd9237}
.float-hover{color:#bd9237}
.flost-hover-bg{background-color:#bd9237}
.float-border{border-color:#ececec!important}
.float-box{width:68px;padding:5px;font-size:14px;position:fixed;right:0;top:75%;z-index:9997;margin-top:-303px}
.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:#bd9237!important;background-color:#bd9237;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:20px;line-height:20px}
.float-ul li a{display:block;width:100%;padding:10px 0;line-height:18px}
.float-ul li a:hover{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff}
.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:60px;top:0;z-index:9998;display:none}
.dbsvip li a:hover{background:linear-gradient(-125deg,#ffab23 0,#ff0036 100%);color:#fff;margin-bottom:20px;box-shadow:0 8px 10px rgba(255,0,12,.3);color:#fff;border-radius:50%}
.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;color:#bd9237;margin-bottom:5px}
.float-alert-box h6{font-size:20px;color:#bd9237}
.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;background-color:#bd9237;color:#fff}
@media screen and (max-width:639px){.float-box{display:none}
}
.dbsvip{background:linear-gradient(-125deg,#ffab23 0,#ff0036 100%);color:#fff;margin-bottom:20px;box-shadow:0 8px 10px rgba(255,0,12,.3);color:#fff;border-radius:50%}
.dbsvipd{padding:10px;background:linear-gradient(-125deg,#ffab23 0,#ff0036 100%);color:#fff}
.dbsvipa{color:#fff}
.zzhuti_qd_1{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3);color:#fff}
.float-ul li a{border-radius:5px}
.article-focusbox.bgimg-fixed{padding:60px 0;background-position:center center;background-size:unset;background-repeat:repeat;margin-top:-60px}
.article-focusbox{position:relative;z-index:1;padding:45px 0;background-color:#394048;color:#eee;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin-bottom:10px}
.article-focusbox:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:''}
.article-title{margin:0 0 10px;font-weight:600;font-size:24px;color:#fff}
.article-meta{font-size:13px;opacity:.8}
.article-meta .item{display:inline-block;margin:0 10px}
.article-meta .item a{color:#fff;background:#4e89ff;color:#fff!important;padding:2px 8px;border-radius:50px}
#relate-posts .reader_con ul li:before{content:'';position:absolute;margin-left:-13px;margin-top:15px;height:5px;width:5px;border-radius:50px;opacity:1;border-color:#448ef6;-webkit-box-shadow:0 0 0 4px rgba(19,126,255,.2);box-shadow:0 0 0 4px rgba(19,126,255,.2);background-color:#448ef6;-webkit-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;-webkit-transform:translate(-25%,-50%);-khtml-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}
#relate-posts .reader_con .fl{float:left}
#relate-posts .reader_con .fr{float:right}
#relate-posts .reader_con{margin-top:22px}
#relate-posts .reader_con h3{color:#245dfc;margin-bottom:-20px;display:inline-block;vertical-align:middle;font-size:20px;padding:0 0 0 26px;background:url(../images/icon_arts.png) left center no-repeat;line-height:inherit;border-left:inherit}
#relate-posts .reader_con .re_con{padding-bottom:50px;margin-left:20px}
#relate-posts .reader_con ul{width:440px}
#relate-posts .reader_con ul li{height:30px;line-height:30px}
#relate-posts .reader_con ul li a{display:block;overflow:hidden}
#relate-posts .reader_con ul li p{width:330px;float:left;font-size:16px;color:#6b6b6b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#relate-posts .reader_con ul li a:hover p{color:#245dfc}
#relate-posts .reader_con ul li span{width:100px;display:block;float:right;font-size:15px;color:#a3a3a3}
#relate-posts .reader_con ul li{list-style:none;list-style-type:none}
#relate-posts .clear{clear:both;display:block;font-size:0;height:0;line-height:0;overflow:hidden}
@media only screen and (max-width:768px){#relate-posts .reader_con .fl,#relate-posts .reader_con .fr{margin-left:1px;float:left;overflow:hidden;width:100%}
#relate-posts .reader_con ul li span{display:none}
}
.zhankr-tags{margin-top:30px;display:flex;flex-wrap:wrap}
.zhankr-tags a{align-items:center;border:1px solid #e6e6e6;border-radius:3px;color:#555;font-weight:500;line-height:1;margin:6px 6px 6px 6px;padding:6px 6px;background-color:#fff;font-size:10px!important}
i.fa.fa-user{color:#adadad!important}
.zhankr-post-top{margin:20px 2px}
.zhankr-post-top a.current{color:#bd9237;border-bottom-color:#bd9237;margin-right:8px;font-size:20px;padding-bottom:5px;border-bottom:4px solid #bd9237}
@media (max-width:575px){.zhankr-post-top a.current{font-size:14px}
}
.zhankr-post-top .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px; /* 控制元素间距 */
}
.zhankr-post-top .sjblog-name {
white-space: nowrap;
}
.zhankr-post-top{margin:20px 0; line-height:25px; height:auto;}
.zhankr-post-top a.current-p{font-size:20px}
.post-edit-link{margin-right:50px}
.zhankr-d{float:right}
.zhankr-float-rightse{float:right;position:absolute;right:40px}
.zhankr-title-iconse{height:15px;width:15px;background:#fd4b4b;padding:0;display:inline-block;border-radius:50%;line-height:0;position:relative;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s;margin:0 10px}
.zhankr-title-iconse:before{content:" ";height:15px;width:15px;background:#ffd12a;border-radius:50%;margin-left:20px;position:absolute;display:block;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s}
.zhankr-title-iconse:after{content:" ";height:15px;width:15px;background:#79f52a;border-radius:50%;margin-left:40px;position:absolute;display:block;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s}
/*@media (max-width:575px){.breadcrumbs{margin-bottom:10px;margin-top:-20px}
}*/
.u-text-format h1{border-radius:0!important;margin-left:0;padding:5px 0 5px 10px;border-left:3px solid #bd9237;color:#444;font-size:16px;font-weight:900}
.u-text-format h2{border-radius:0!important;margin-left:0;padding:5px 0 5px 10px;border-left:3px solid #bd9237;color:#444;font-size:16px;font-weight:900}
.article-copyright{background:#fdfaeb;color:#885E1B;border:none;border-left:2px solid #bd9237;font-size:12px;border-radius:0;box-shadow:0 1px 8px #e7d7a7}
.article-copyright{color:#885E1B}
.article-copyright a{color:#bd9237}
.entry-tags a{background-color:#fff;border:1px solid #f8dd8c;border-radius:100px;background:rgb(234 207 155 / 10%);color:#bd9237;font-size:13px;font-weight:400;line-height:1;margin:0 5px 5px 0;padding:5px 12px}
.xshare a .fa-star-o{border-color:#fff;color:#2f49fd}
.cao_entry_header{border-bottom:1px solid #f5f5f5!important;margin-bottom:16px}
.sjblog-tgroup{padding-bottom:20px;border-bottom:1px solid #f5f5f5!important}
.article-content .entry-header .entry-title{font-size:1.7em;font-weight:600;letter-spacing:.5px;padding-bottom:15px;border-bottom:0;margin-bottom:0;line-height:1.5}
.article-content p code{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}
.sjblog-name{font-size:13px;color:#adadad;margin-left:1px}
.sjblog-name a{color:#adadad}
.widget-area .widget .widget-title{font-size:15px;letter-spacing:.5px;line-height:1;margin-bottom:10px;text-transform:uppercase;border:none;border-left:4px solid #bd9237;padding-left:10px;font-size:18px;font-weight:400;line-height:25px}
.comments-area #reply-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;position:relative;font-size:15px;letter-spacing:.5px;line-height:1;margin-bottom:10px;text-transform:uppercase;border:none;border-left:4px solid #bd9237;padding-left:10px;font-size:18px;font-weight:400;line-height:25px}
.u-border-title:before{background-color:#bd9237}
.label-default{box-shadow:0 6px 16px -5px rgba(0,0,0,.3);background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;border-radius:16px;padding:4px 11px}
.btn--danger{color:#fff;border-radius:0;font-size:16px;padding:6px 0;font-weight:400;background:linear-gradient(-125deg,#467eff 0,#bd9237 100%);box-shadow:0 3px 10px -1px #2c63ff!important}
.widget-pay .pay--rateinfo{padding:10px 20px;border-radius:4px;margin-top:0;margin-bottom:10px;display:flex;justify-content:center;align-items:center;z-index:11;-webkit-box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:0 4px 12px 0 rgba(52,73,94,0);background:#fff0}
.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:before{height:100%;width:1px;left:3px;background:linear-gradient(-180deg,#467eff 0,#bd9237 98%)}
.agent--contact ul li:after{left:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;width:7px;height:7px;border:1px solid #bd9237;border-radius:50%;background-color:#467eff;-ms-flex-negative:0;flex-shrink:0}
.agent--contact ul li:after,.agent--contact ul li:not(:last-of-type):before{content:"";position:absolute;top:calc((1em - -5px)/ 2)}
.agent--contact .list-paybody 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 span{font-style:inherit;letter-spacing:0;font-size:12px;letter-spacing:.025em;color:#8a92a9;padding-right:10px}
.widget-pay .pay--rateinfo b .price{font-size:28px;margin-right:5px;color:#1461ff}
.widget-pay .pay--rateinfo b sup{font-size:13px;margin-left:5px;color:#555;font-weight:400}
.widget-userinfo .author-fields .num{color:#245cfc}
.widget-userinfo .btn-qiandao{color:#fff;background-color:#f2f7ff;border-radius:50rem 0 0 50rem;padding:.375rem 1rem;font-size:.75rem;margin-right:-20px;line-height:1.5;background:linear-gradient(-125deg,#467eff 0,#bd9237 100%);box-shadow:0 3px 10px -1px #2c63ff!important}
.zhankr-fuwu{float:left;padding:30px;background-color:#fff;text-align:center;margin-bottom:20px}
.zhankr-fuwu .soft_t{height:45px}
.zhankr-fuwu h3{margin-bottom:20px;margin-top:20px;font-weight:700;text-align:center;font-size:18px;font-weight:400;float:left;line-height:25px;text-align:left;border-left:4px solid #bd9237;padding-left:10px;width:840px}
.zhankr-fuwu p{line-height:2em;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0}
.zhankr-fuwu .helpUl table{width:100%;margin-top:20px;background-color:#fff;text-align:left;line-height:25px;border-spacing:0;border-collapse:collapse;font-size:12px;font-style:initial;max-width:870px!important;border-left:#ff5f3e 1px solid;background:#fff}
.zhankr-fuwu .helpUl table td,.zhankr-fuwu .helpUl table th{padding:5px 15px;border:1px solid #e9e9e9}
.zhankr-fuwu .helpUl table tr .tb{vertical-align:middle;text-align:center}
.zhankr-fuwu .helpUl table tr:nth-child(2n){background-color:#f9f9f9}
.zhankr-fuwu .helpUl table tr{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:0 0}
.zhankr-fuwu .helpUl table .td{text-align:center}
.zhankr-fuwu li{list-style:none;list-style-type:none}
.workorder-model-btn{display:inline-block;font-size:16px;border-radius:2px;background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 3px 10px -1px #2c63ff!important;padding:8px 22px;margin-top:10px;color:#fff}
@media (max-width:768px){.zhankr-fuwu{display:none}
}
.zhankr-jiaqun h5{font-size:16px;line-height:1.4}
.zhankr-jiaqun-small{padding:15px}
.zhankr-jiaqun p{max-width:80%}
.zhankr-jiaqun{letter-spacing:.5px}
.zhankr-jiaqun .btn{font-size:13px}
.zhankr-jiaqun .btn i{margin-right:3px}
.zhankr-jiaqun .helper-thumb{position:absolute;right:0;bottom:0}
.zhankr-jiaqun-btn-on{color:#fff;background:#2c63ff!important;box-shadow:0 3px 10px -1px #2c63ff!important;border:0}
.term-bar:before{background-color:#3e82f23b}
.dabolang{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;background-color:#fff0!important;margin-top:-19px}
.ripro-dark .dabolang{width:100%;height:20px;position:relative;overflow:hidden;z-index:1;background-color:#181616!important}
#dabolangl1{-webkit-mask:url(../images/zhankr_001.svg);mask:url(../images/zhankr_001.svg);animation-delay:-2s;animation-duration:12s}
#dabolangl1,#dabolangl2,#dabolangl3{background-color:#f6f6f6}
.ripro-dark #dabolangl1{background-color:#f1f1f1!important}
.ripro-dark #dabolangl2{background-color:#f1f1f1!important}
.ripro-dark #dabolangl3{background-color:#f1f1f1!important}
.dabolangl{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,0) scale(1,1)}
50%{transform:translate(-87px,0) scale(1,.5)}
100%{transform:translate(0,0) scale(1,1)}
}
#dabolangl2{-webkit-mask:url(../images/zhankr_002.svg);mask:url(../images/zhankr_002.svg);animation-delay:-2s;animation-duration:5s}
#dabolangl3{-webkit-mask:url(../images/zhankr_003.svg);mask:url(../images/zhankr_003.svg);animation-delay:-1s;animation-duration:3s}
.zhankr_type_bj{background:url(../images/ad2.png) no-repeat;height:60px}
.zhankr_type_bj i{font-size:18px;margin-left:33px;color:#fff}
.zhankr_type_bj span{line-height:56px;padding-left:100px;position:relative;font-size:26px;color:#fff;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.49)}
.zhankr_type_bj span .text-p{position:absolute;top:6px;text-shadow:none;line-height:19px;font-size:14px;background:#fff;right:-138px;font-weight:400;border-radius:8px 0 8px 0;padding:4px 12px;color:#ed1c24}
.openVip-Btn{float:right;height:28px;line-height:28px;text-align:center;margin-top:16px;border-radius:4px;margin-right:80px;padding:0 8px;background-image:none;background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);background-size:1400% 300%;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:0 solid #ddd;font-size:14px;transition:all .3s ease;border-color:#ff8a00}
@media (max-width:768px){.zhankr_type_bj span .text-p{display:none}
}
.filter--content{padding:0}
.zhankr_lmdh{padding:20px}
.filter--content .filter-item span{margin-right:10px;background:linear-gradient(-125deg,#fff 0,#fff 100%);border-radius:0;color:grey;padding:0 10px;font-weight:700;color:#333}
@media (max-width:768px){.filter--content .filter-item span,.filter--content .filter-tab span{padding:0;border-right:0}
}
.filter--content .filter-item a{display:inline-block;margin-top:0;margin-right:10px;border-bottom:1px solid transparent;color:grey;border-radius:0;padding:0 10px;position:relative;border:1px solid transparent;border-radius:4px}
.filter--content .filter-item a.on{border:1px dashed #fff;background:linear-gradient(-125deg,#fff 0,#fff 100%);color:#885E1B}
.filter--content .filter-item span{margin-right:8px;background:linear-gradient(-125deg,#fff 0,#fff 100%);border-radius:0;color:grey;padding:0 7px;font-weight:700;color:#333}
.filter--content .filter-item a.on{border:1px dashed #fff;background:linear-gradient(-125deg,#fff 0,#fff 100%);color:#885E1B}
.filter--content .filter-item a{display:inline-block;margin-top:0;margin-right:1px;border-bottom:1px solid transparent;color:grey;border-radius:0;padding:0 1px;position:relative;border:1px solid transparent;border-radius:4px}
.filter--content .filter-item a:hover{border:1px dashed #fff;background:linear-gradient(-125deg,#fff 0,#fff 100%);color:#885E1B}
.filter--content .filter-tab span{margin-right:10px;background:linear-gradient(-125deg,#fff 0,#fff 100%);border-radius:0;color:grey;padding:0 22px;border-right:1px solid}
@media (max-width:768px){.filter--content .filter-item span,.filter--content .filter-tab span{padding:0;border-right:0}
}
.filter--content .filter-tab a.on{color:#bd9237; font-weight:600;}
.filter--content .filter-tab .tab.on i:before{display:inline-block;margin-top:1px;color:#bd9237;content:"\f111";font:normal normal normal 14px/1 FontAwesome;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:5px;margin-left:2px}
.vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802,.vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip702,.vwip75,.vwip752,.vwip80,.vwip802{display:inline-block;background-size:auto 40px;vertical-align:middle;height:40px;width:40px}
.vvip0,.vvip10,.vvip30,.vvip302,.vvip70,.vvip702,.vvip75,.vvip752,.vvip80,.vvip802{position:absolute;top:0;left:0;z-index:10}
.vvip0,.vvip10,.vwip0,.vwip10{background-image:url(../images/mf.svg)}
.vvip70,.vwip70{background-position:-80px 0}
.vvip30,.vwip30{background-image:url(../images/tj.svg)}
.vvip302,.vvip702,.vvip752,.vvip802{background-position:-200px 0}
.vvip75{background-position:-160px 0}
.vvip80,.vwip75,.vwip80{background-image:url(../images/svip.svg)}
.vwip0,.vwip10,.vwip30,.vwip302,.vwip70,.vwip75,.vwip80{position:absolute;z-index:10}
.entry-star{display:block;border-radius:50%;font-size:15px;height:25px;right:10px;line-height:25px;position:absolute;text-align:center;top:10px;width:25px;opacity:0;visibility:hidden;background-color:#1978f1}
.ripro-star{border-color:#fff;color:#fff}
.title-iconse{height:8px;width:8px;background:#fd4b4b;padding:0;display:inline-block;border-radius:50%;line-height:0;position:relative;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s;margin:0 10px}
.float-rightse{float:right;position:absolute;right:30px}
.title-iconse:before{content:" ";height:8px;width:8px;background:#ffd12a;border-radius:50%;margin-left:15px;position:absolute;display:block;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s}
.title-iconse:after{content:" ";height:8px;width:8px;background:#79f52a;border-radius:50%;margin-left:30px;position:absolute;display:block;-webkit-transition:ease-in-out .25s;transition:ease-in-out .25s}
.deansubnavsins{display:block;width:98px;height:38px;font-size:16px;line-height:38px;text-align:center;color:#fff;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#885E1B,#bd9237);font-weight:700;margin-right:15px;}
.deansubnavsins a{color:#fff}
.navbar .login-btn{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:center;width:50px;margin-right:10px;margin-left:10px;border:0;background:linear-gradient(-125deg,#bd9237 0,#A27728 100%);box-shadow:0 8px 10px #e6ce8629;;color:#fff}
.search-open.navbar-button{background:linear-gradient(125deg,#64c0ff 0,#2f49fd 100%);transition:transform .1s;box-shadow:4px 3px 10px rgba(32,160,255,.17);color:#fff}
.burger{background:linear-gradient(125deg,#bd9237 0,#A27728 100%);box-shadow:4px 3px 10px #ffc1072e;transition:transform .1s;color:#fff;border:0}
.burger:before{top:10px;width:0}
.burger:after{bottom:100px}
i.fa.fa-tasks{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px;margin-right:10px;border:0}
.logo-wrapper{position:relative;font-size:2em;font-weight:700;line-height:39px;overflow:hidden;margin:0;padding:0 25px 0 6px}
.logo-wrapper::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}
.ripro-dark .logo-wrapper::before{content:"";position:absolute;width:150px;height:10px;background-color:rgba(25,22,22,.55);-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}
}
.site-header{position:relative}
.site-header{box-shadow:0 0 30px transparent}
.navFix{margin-top:0!important;box-shadow:rgba(51,51,51,.2) 0 2px 3px;position:fixed!important}
.header-banner2{width:100%;background:#fff;height:38px;color:#999;list-style-type:none;position:relative;z-index:99;border-bottom:1px solid #f0f0f0ad}
.header-banner-content{height:38px;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.deanggspan1 i{display:block;float:left;font-size:18px;color:#07aefc;margin-top:5px;margin-left:15px;margin-right:6px}
.deanggspan1{float:left;width:auto;margin:0 auto;color:#333;font-size:14px}
.deanggspan1 span{display:block;float:left;color:#666}
.deangg1 b{height:16px;margin-top:6px;margin-left:5px;width:1px;display:block;float:left;background:#a8a8a8}
.ym-menu ul li a{color:#999}
.header-banner-left{padding:.25rem .875rem;background:#fff;border-color:#fff;border-radius:25px}
.menu81{display:flex;list-style-type:none;padding:.25rem .18rem;background:#fff;border-color:#fff;border-radius:25px;margin:0;line-height:14px}
.menu81 li{margin-left:14px}
.container2{max-width:1440px;margin-left:auto;margin-right:auto}
@media only screen and (max-width:1000px){.header-banner-left{display:none}
}
@media only screen and (max-width:1000px){.deanggspan1{display:none}.deangg1{ margin-left:10px;}
}
@media(max-width:767px){.site-header{margin-top:0!important}
}
@media(max-width:767px){.topnav{padding:15px!important}
}
@media(max-width:767px){.navbar .actions>div+div{font-weight:400;margin-top:0!important}
}
@media(max-width:767px){.header-gap{height:50px}
}
.deanggc{float:left;width:600px;margin-left:1px}
.announce-wrap{height:30px;overflow:hidden}
.deanggc ul li{font-size:14px;width:600px;display:block;clear:both;height:30px}
.deanggc ul li a{font-weight:400;color:#6b798e;float:left}
.deanggc ul li a:hover{color:#2575fc;text-decoration:blink}
.deanggc ul li span{float:right;color:#999;font-size:12px;width:120px}
@media screen and (max-width:1248px){.header_search{left:15%}
.logotext10{display:none}
.header_search{width:320px}
.header_search .search_form .search_input{width:238px}
}
@media screen and (min-width:931px){.header-gap{height:150px}
span.navtenyear{font-size:14px;padding:1px 5px;background-color:#24f626;border-radius:5px;color:#fff}
span.navtenyearcon{font-size:12px}
}
@media screen and (max-width:971px){.navbar2{height:0}
.logotext10{display:none}
.header_search{display:none}
}
.menu-post .cao-cover,.post-grid .cao-cover,.post-list .cao-cover{background:rgba(0,86,255,.22)}
.main-menu li.current-menu-item>a,.main-menu li:hover>a{color:#885E1B}
.sub-menu li.current-menu-ancestor>a:before,.sub-menu li.current-menu-item>a:before,.sub-menu li.current-menu-parent>a:before,.sub-menu li.current_page_ancestor>a:before,.sub-menu li.current_page_item>a:before,.sub-menu li>a:hover:before{opacity:1}
.sub-menu li.current-menu-ancestor>a,.sub-menu li.current-menu-item>a,.sub-menu li.current_page_ancestor>a,.sub-menu li.current_page_item>a,.sub-menu li>a:hover{color:#885E1B;padding-left:1.75rem;opacity:1}
.sub-menu li a{font-size:.875rem;padding:.5rem 1rem .5rem 1.5rem;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.sub-menu li a:before{content:'';height:1px;width:10px;background-color:#885E1B;opacity:0;-webkit-transition:all .3s linear 0s;-khtml-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;position:absolute;left:.75rem;top:50%;-webkit-transform:translate(0,-50%);-khtml-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.navbar .nav-list>.menu-item>a{font-size:16px;font-weight:700;line-height:35px;margin:0 9px;transition:color .5s cubic-bezier(.77,0,.175,1)}
.navbar .nav-list>.menu-item>a:hover{color:#885E1B}
.navbar .nav-list>.menu-item>a:before{content:"";position:absolute;bottom:1px;left:0;width:100%;height:3px;background-color:#bd9237;border-radius:8px 8px 0 0;opacity:0;transition:.3s}
.navbar .nav-list>.menu-item>a:hover:before{opacity:1;bottom:-1px}
.wdsq{width:128px;height:55px;line-height:28px;margin-left:10px;display:block;float:left;border-radius:3px;cursor:pointer;text-align:center;color:#fff;background:#333}
.navbar{align-items:center;display:flex;height:56px;position:relative}
.topnav{padding:10px 0px 0px 1px}
.header_search{width:620px;height:42px;float:left;left:34%;position:absolute}
.header_search input{background:0 0;border-radius:0;outline:0;resize:none;appearance:none}
.header_search .search_form .search_input{float:left;width:268px;height:38px;border:1px solid #ddd;border-right:none;border-radius:3px 0 0 3px;position:relative}
.header_search .search_form .search_input input{width:320px;border:none;color:#999;font:14px tahoma,PingFangSC,microsoft yahei ui,microsoft yahei,sans-serif;font-size-adjust:none;overflow:hidden;position:absolute;top:10px}
.header_search .search_btn{width:80px;height:38px;line-height:38px;display:block;float:left;border-radius:0 3px 3px 0;border:none;cursor:pointer;background:linear-gradient(125deg,#64c0ff 0,#2f49fd 100%)}
.header_search .search_btn:hover{opacity:.8}
.header_search .search_btn .icon_search{display:block;width:80px;height:40px;margin:2px auto 0;background:url(../images/index_icons.png) no-repeat -68px -82px}
.selected_type{position:relative;cursor:pointer;width:75px;height:38px;line-height:38px;display:inline-block;padding-left:9px;color:#666}
.selected_type:after{border:5px solid transparent;border-top:6px solid #d2d2d2;width:0;height:0;position:absolute;top:18px;right:6px;content:' ';transition:all .3s;-webkit-transition:all .3s}
.search_filter_selected dl.search_type{display:block}
.search_filter_selected .selected_type:after{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:12px}
.search_filter .search_type{display:none;position:absolute;left:-1px;top:38px;z-index:999;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box;padding:5px 0;width:88px}
.search_filter .search_type dd{cursor:pointer;color:#666;font-size:14px;padding:6px 12px;text-align:left}
.search_filter .search_type dd:hover{background-color:#0099ed;color:#fff}
.header_search .hotword{float:left}
.header_search .hotword{font-size:12px;width:550px;height:18px;overflow:hidden}
.header_search .hotword a{color:#999;margin:0 9px}
.shanshan{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;margin-right:15px;margin:0 15px}
[data-microtip]{position:relative}
[data-microtip]:after,[data-microtip]:before{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-position|=bottom]:before{background:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjDigKYwLDEyLjAwMiBDMTQuMjg1LDEyLjAwMiA4LjU5NCwwLjAwMCAyLjY1OCwwLjAwMCBaIi8+PC9zdmc+) no-repeat;height:6px;width:18px;margin-top:5px;margin-bottom:0}
[data-microtip-position|=bottom]:before{transform:translate3d(-50%,-10px,0);bottom:auto;left:50%;top:100%}
.heshan>a{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;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:96px;margin:0 0 0 -50px}
.shanlian.lianzi .ic_gif::before{content:"";position:absolute;top:0;left:0;background:url(../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_gif::after{content:"";position:absolute;top:0;right:0;background:url(../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 .txt{position:relative;font-size:14px;color:#f5b344;margin-right:2px}
*,:after,:before{box-sizing:inherit}
.shanlian.lianzi{color:#cea22c;line-height:33px;text-align:center}
.heshan>a{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;color:#adb7be;-webkit-box-align:center;-ms-flex-align:center;align-items:center;transition:color .2s}
.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:0;animation:super_mask 2s linear both infinite;-webkit-animation:super_mask 2s linear both infinite;opacity:.6}
[data-microtip-position=bottom-right]:after{transform:translate3d(calc(0 + -16px),-10px,0);top:100%}
[data-microtip-position|=bottom]:after{transform:translate3d(-50%,-10px,0);top:100%;left:50%}
[data-microtip-position|=bottom]:after{margin-top:11px}
[data-microtip]:after{background:rgba(17,17,17,.9);border-radius:4px;color:#fff;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]:after,[data-microtip]:before{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}
.shanlian{color:#fff;line-height:33px;text-align:center}
.heshan>a{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;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:96px;margin:0 0 0 -50px}
.shanlian.lianzi .ic_gif1{position:absolute;top:0;left:50%;width:88px;margin:0 0 0 -44px}
.shanlian.lianzi .ic_gif::before{content:"";position:absolute;top:0;left:0;background:url(../images/zhankr_net_vip.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(../images/zhankr_net_vip.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(../images/zhankr_net_vip.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(../images/zhankr_net_vip.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:15px;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:0;animation:super_mask 2s linear both infinite;-webkit-animation:super_mask 2s linear both infinite;opacity:.6}
@keyframes super_ngiftl{0%,100%{transform:rotate(0)}
50%{transform:rotate(-15deg)}
}
@-webkit-keyframes super_ngiftl{0%,100%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(-15deg)}
}
@keyframes super_ngiftr{0%,100%{transform:rotate(0)}
50%{transform:rotate(15deg)}
}
@-webkit-keyframes super_ngiftr{0%,100%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(15deg)}
}
@keyframes super_giftl{0%,100%{transform:rotateY(0)}
50%{transform:rotateY(-50deg)}
}
@-webkit-keyframes super_giftl{0%,100%{-webkit-transform:rotateY(0)}
50%{-webkit-transform:rotateY(-50deg)}
}
@keyframes super_giftr{0%,100%{transform:rotateY(0)}
50%{transform:rotateY(50deg)}
}
@-webkit-keyframes super_giftr{0%,100%{-webkit-transform:rotateY(0)}
50%{-webkit-transform:rotateY(50deg)}
}
@keyframes super_mask{0%{transform:translate(0,0) rotate(-30deg)}
100%,50%{transform:translate(56px,22px) rotate(-30deg)}
}
@-webkit-keyframes super_mask{0%{-webkit-transform:translate(0,0) rotate(-30deg)}
100%,50%{-webkit-transform:translate(56px,22px) rotate(-30deg)}
}
.header__style_user .header__dropdown{left:inherit;right:-130px;border-radius:8px;width:400px;top:33px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:999999}
.navbar .menu-item>a{font-weight:400}
.vip-banner .vipbj h2{text-align:center;font-size:40px;color:#fff}
.vip-banner .vipbj p{text-align:center;font-size:18px;color:#fff}
.vip-banner{background:url(../images/comvip-banner.png) no-repeat center;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{box-shadow:0 2px 10px rgba(0,0,0,.02);border-radius:5px;height:280px;width:1200px;background:#fff;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;border:1px solid #f4f4f4;height:50%;width:373.2px;box-sizing:border-box;vertical-align:middle}
.vip-slogan-box i{width:100px;line-height:100px;display:inline-block;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;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:20px}
.module-line .arrow{width:84px;height:16px}
.module-line .text{font-size:26px;color:#4c4c4c;margin:0 10px}
.module-line span{display:inline-block}
.vip-banner .vipbj>a{width:170px;height:40px;font-size:16px;line-height:40px;text-align:center;border-radius:25px;background-image:linear-gradient(90deg,#ed1c24 0,#fb8f02 100%);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;padding-bottom:20px; padding-top:10px; }
.vip-row:after,.vip-row:before{display:table;content:''}
.vip-block-wrapper{position:relative;display:flex;padding:20px 0;height: auto;justify-content:center}
.vip-block-wrapper .vip-block-item{display:block;box-sizing:border-box;padding:20px 40px;width:25%;text-align:center}
.vip-block-wrapper {
display: flex;
width: 100%;
}
.vip-block-wrapper .vip-block-item {
box-sizing: border-box;
padding: 20px 0; /* 仅上下 padding */
width: 25%;
text-align: center;
margin: 0 10px; /* 左右 margin */
}
/* 第一列左侧无 margin */
.vip-block-wrapper .vip-block-item:first-child {
margin-left: 0;
}
/* 最后一列右侧无 margin */
.vip-block-wrapper .vip-block-item:last-child {
margin-right: 0;
}
/*.vip-block-wrapper {
display: flex; Flex 布局
}
.vip-block-wrapper .vip-block-item {
box-sizing: border-box;
padding: 20px; 默认所有方向 padding
width: 25%; 4 列，每列 25%
text-align: center;
}
去掉第一列的左侧 padding
.vip-block-wrapper .vip-block-item:first-child {
padding-left: 0;
}
去掉最后一列的右侧 padding
.vip-block-wrapper .vip-block-item:last-child {
padding-right: 0;
}*/
.home-vipbox{padding:1px 0 38px 0;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,.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) 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) h3{color:#1890ff;text-shadow:0 5px 6px rgba(24,144,255,.4)}
.vip-block-item:nth-child(2) .vip-bt{background-image:-webkit-linear-gradient(left,#1390de,#2f9af5)}
.vip-block-item:nth-child(3) h3{color:#090;text-shadow:0 5px 6px #D9FFD9}
.vip-block-item:nth-child(3) .vip-bt{background-image:-webkit-linear-gradient(left,#060,#093)}
.vip-block-item:nth-child(4) h3{color:#fd3d00;text-shadow:0 5px 6px #ffb9b9}
.vip-block-item:nth-child(4) .vip-bt{background-image:-webkit-linear-gradient(left,#f1bc37,#fadb37)}
p.vip-home-price{position:relative;font-size:1.875rem;font-weight:700;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 {box-sizing: border-box;text-align: center; margin: 0; }
.vip-block-wrapper .vip-block-item:last-child {margin-bottom: 20px;}
}
.vip-block-wrapper .vip-block-item .icon{width:50%;height: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;margin-top:20px}
.icon{width:1.5em;height:1.15em;vertical-align:-.25em;fill:currentColor;overflow:hidden}
.edit--profile-links li a.active{color:#fff;background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);-webkit-box-shadow:0 8px 10px rgba(32,160,255,.3);box-shadow:0 8px 10px rgba(32,160,255,.3)}
.edit--profile-links li a{padding:12px 12px;display:block;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center}
.col-md-12 button{color:#fff;background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);-webkit-box-shadow:0 8px 10px rgba(32,160,255,.3);box-shadow:0 8px 10px rgba(32,160,255,.3);padding:0 18px;border-radius:4px}
.mcolorbg4{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);background-size:1400% 300%;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:0 solid #ddd;font-size:14px;transition:all .3s ease;border-color:#ff8a00}
.pcolorbg{background:linear-gradient(90deg,#0674ec,#54a1f5,#ff82ea,#2e8ef7);background-size:1400% 300%;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:0 solid #ddd;font-size:14px;transition:all .3s ease;border-color:#ff8a00}
.scolorbg{background:linear-gradient(90deg,#ff6565,#ffe37c,#ff854a,#ff65fa);background-size:1400% 300%;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;border:0 solid #ddd;font-size:14px;transition:all .3s ease;border-color:#ff8a00}
.alert-dark{background-color:#f0f4ff;color:#0e3686}
.type_icont_2{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);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}
.description-17codesign{display:inline-block;font-size:12px;line-height:24px;color:#6b798e}
@keyframes mymove{0%{background-position:0 0}
50%{background-position:50% 100%}
100%{background-position:100% 0}
}
.alert-dark{background-color:#f0f4ff;color:#0e3686}
.type_icont_1{background:linear-gradient(90deg,#ffc107,#ff7365,#ff82ea,#ffc107);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;display:inline-block;height:22px;line-height:21px;border:0 solid #ddd;padding:0 16px;border-radius:13px;font-size:12px;transition:all .3s ease;border-color:#ff8a00}
.register-login-modal .open-oauth .btn-qq{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 8px 10px rgba(32,160,255,.3)}
.register-login-modal .open-oauth .btn-weixin{box-shadow:0 8px 10px rgb(35,191,54,.3)}
.register-login-modal .open-oauth .btn{color:#fff!important;font-size:28px;margin:0;-webkit-border-radius:50%;-moz-border-radius:2px;position:relative;display:inline-block;margin-right:10px;width:62px;height:62px;text-align:center;line-height:62px;cursor:pointer;margin-left:10px;margin-top:-20px;padding:0;letter-spacing:0;font-weight:400}
.btn--primary{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);-webkit-box-shadow:0 8px 10px rgba(32,160,255,.3);box-shadow:0 8px 10px rgba(32,160,255,.3)}
.header-center .md-l{float:left;width:47%;border-radius:6px;padding:15px;margin-right:15px;transition:transform .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-center .md-t{padding:9px;margin-bottom:5px;border-radius:5px;position:relative;transition:transform .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-b{padding:9px;position:relative;margin-bottom:5px;border-radius:5px;background-clip:padding-box,border-box;background-origin:padding-box,border-box;transition:transform .2s;background-image:linear-gradient(135deg,#fee11b,#fe8e06);border:2px transparent solid}
.wp-VIP{background:linear-gradient(-125deg,#f8d930 0,#fb7b92 100%);box-shadow:4px 3px 10px #ffc1072e;color:#fff;font-weight:400;padding:2px 8px;border-radius:10px;transition:transform .1s;font-size:12px;margin-left:10px;font-family:wp!important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.header-top .group-name{background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:4px 3px 10px rgba(32,160,255,.17);color:#fff;padding:2px 8px;border-radius:10px;font-style:normal;font-size:12px;margin-left:10px}
.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 a{position:absolute;right:10px;top:5px;background:linear-gradient(to bottom,#fff 0,#fff 100%);padding:1px 10px;border-radius:20px;color:#feb609;box-shadow:3px 4px 10px #17161617}
.header-center .jinbi i{background:url(../images/jinbi.png) no-repeat center;background-size:cover}
.header-center .dou i{background:url(../images/dou.png) no-repeat center;background-size:cover}
.header-center .pay-credit{padding:2px 10px;border-radius:20px;background-color:#fff;width:120px;text-align:center;display:block;margin:0 auto;margin-top:15px;color:#245bfc}
.header-top{position:relative;padding-bottom:10px;border-bottom:1px dashed #cecece}
.header-center .md-l{border:0}
.navbar .logo{margin-right:12px;max-width:147px;height:auto;width:147px}
@media (max-width:767px){.site-header{margin-top:-40px!important}
}
@media (max-width:767px){.topnav{padding:10px 1px 10px 1px!important}
}
@media (max-width:767px){.navbar .actions>div+div{font-weight:400;margin-top:0!important}
}
@media (max-width:767px){.header-gap{height:50px}
}
@media (max-width:767px){.shanshan{display:none}
}
@media (max-width:767px){.navbar .logo{margin-right:1px;max-width:130px;height:auto}
}
@media (max-width:767px){.text-center{padding-top:0;padding-bottom:13px;background-color:#fff}
}
@media (max-width:767px){.static .flex{padding:0;display:flex;margin-top:66px}
}
@media (max-width:767px){.lanse{display:none}
}
@media (max-width:767px){.lvse{display:none}
}
@media (max-width:767px){.huangse{display:none}
}
@media (max-width:767px){.hongse{display:none}
}
.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:5px}
.codesign-fl a{color:#ccc}
.codesign-fl a:hover{color:#058ff9}
.codesign-dw{border-top:1px solid #eee}
.footer-widget{padding-bottom:0}
.yousc-dark .codesign-dw{border:1px dashed #44444487;background-color:#2d2d2d;text-shadow:#000 0 1px 0}
.link{height:60px;background:#f7f8fa;border:1px solid #eee;border-radius:5px}
.link ul{list-style:none;list-style-type:none;padding-left:0;margin:5px 0}
.link ul>span{float:left;display:block;font-size:14px;background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);height:60px;padding:0 30px;padding-top:0;color:#fff;padding-top:6px;margin:-1px -1px -1px -1px;text-align:center;border-radius:5px 0 0 5px}
.link ul>span>a{background:linear-gradient(-180deg,#fff 2%,#fff 98%);padding:1px 10px;border-radius:20px;color:#0a79ed}
.link li{float:left}
.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}
.footer-links{font-size:12px;margin:15px auto 0;text-align:center;width:1300px;overflow:hidden}
.footer-links span{display:inline-block;float:left}
.footer-links h6{font-size:16px;color:#8a8a8a;margin:0 11px;display:inline-block;float:left}
.i-f-pl-hold{width:600px;height:11px;border-bottom:1px solid #eee}
.footer-links ul{display:inline;margin:0;padding:0;width:100%;font-size:16px;color:#8a8a8a;margin:0 11px;display:inline-block;float:left;margin:16px 0;padding-left:0}
.footer-links li{font-size:13px;font-weight:400;display:inline;white-space:nowrap;margin:0 10px;margin-left:0;color:#797979;line-height:32px}
.footer-links a{color:#999}
.zhankr_ylsq{border:1px solid #ccc;border-radius:50px;padding:1px 8px 1px 8px;font-size:10px!important}
@media screen and (max-width:750px){.container .row .card{width:100%}
}
.container .row .pricing-deco .deco-layer{-webkit-transition:-webkit-transform .5s;transition:transform .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,.05);border-radius:6px;box-shadow:0 4px 12px 0 rgba(52,73,94,.1)}
.clearfix{color:#fff;background:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);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}
.zhankr-num{position:absolute;top:8px;left:66%;color:#555;border-radius:8px;text-align:center;font-family:Calibri;background:#eee;font-size:12px;min-width:32px}
.lanse{box-sizing:border-box;content:'';width:12px;height:12px;border-radius:50%;position:absolute;top:50%;margin-left:10px;margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #7a99f2}
.lvse{box-sizing:border-box;content:'';width:12px;height:12px;border-radius:50%;position:absolute;top:50%;margin-left:10px;margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #70d7cf}
.huangse{box-sizing:border-box;content:'';width:12px;height:12px;border-radius:50%;position:absolute;top:50%;margin-left:10px;margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f5c745}
.hongse{box-sizing:border-box;content:'';width:12px;height:12px;border-radius:50%;position:absolute;top:50%;margin-left:10px;margin-top:-6px;left:0;border-color:#61e1b9;border:3px solid #f1787f}
.navbar .sub-menu{background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,.07);list-style-type:none;margin:-1px 0 0 -18px;min-width:200px;opacity:0;padding:20px 0;position:absolute;top:100%;-webkit-transform:translateY(5px);transform:translateY(5px);transition:all .5s cubic-bezier(.77,0,.175,1);visibility:hidden;z-index:80}
#zk_gll,#zk_mhz,#zk_szh,#zk_tkzj,#zk_wbk,#zk_xgh,#zk_xty,#zk_xyz,#zk_yyz{border-radius:8px}
#zk_mhz{color:#555;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #bec4fc,-6px 0 12px -5px #bdc4fc;background-color:#8ec5fc;background-image:linear-gradient(62deg,#8ec5fc 0,#e0c3fc 100%);background-image:-webkit-linear-gradient(62deg,#8ec5fc 0,#e0c3fc 100%)}
#zk_xgh{color:#555;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #ffb0ac,-6px 0 12px -5px #ffa1ae;background-color:#ff9a8b66;background-image:linear-gradient(220deg,#ff9a8b 0,#ff6a8838 55%,#ff99ac 100%);background-image:-webkit-linear-gradient(220deg,#ff9a8b7a 0,#ff6a88ab 55%,#ff99ac82 100%)}
#zk_tkzj{color:#555;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #fddfea,-6px 0 12px -5px #d7f0f3;background-color:#ffdee9;background-image:linear-gradient(0deg,#ffdee9c4 0,#b5fffc8f 100%);background-image:-webkit-linear-gradient(0deg,#ffdee9c4 0,#b5fffc8f 100%)}
#zk_xyz{color:#eee;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #0c558d,-6px 0 12px -5px rgba(10,58,93,0);background-image:radial-gradient(circle 263px at 100.2% 3%,#0c558d 31.1%,#cdb55d 36.4%,#f4665a 50.9%,#c7cebb 60.7%,#f98c45 72.5%,#0c4974 72.6%)}
#zk_gll{color:#eee;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #446e5c,-6px 0 12px -5px #ccd4a3;background-image:linear-gradient(102deg,#446e5c 17.4%,#6b9c78 49.3%,#9ab782 83.4%,#f7edbf 110.3%)}
#zk_xty{color:#fff;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #fddfea,-6px 0 12px -5px #d7f0f3;background-image:radial-gradient(circle farthest-corner at -8.9% 51.2%,#ff7c00 0,#ff7c00 15.9%,#ffa34d 15.9%,#ffa34d 24.4%,#131e25 24.5%,#131e25 66%)}
#zk_yyz{color:#fff;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #afa0d0,-6px 0 12px -5px rgba(177,161,207,0);background-image:radial-gradient(circle farthest-corner at 10% 20%,#5f75e3 0,#bca7cd 90%)}
#zk_szh{color:#c7c7c7;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px;box-shadow:6px 0 12px -5px #9baab9,-6px 0 12px -5px rgba(177,161,207,0);background-image:radial-gradient(circle farthest-corner at 10% 20%,#000 0,#404040 90.2%)}
#zk_wbk{color:#000;overflow:hidden;margin:10px 0;padding:15px 15px 15px 35px}
#zk_gll a,#zk_xyz a{color:#eee}
#zk_szh a{color:#c7c7c7}
#zk_xty a,#zk_yyz a{color:#fff}
@media (max-width:767px){.aini_foot_nav{display:none!important}
}
.aini_foot_nav{border-top:1px solid #eee;display:none;padding:8px 0;background:#fff;position:fixed;bottom:0;width:100%;z-index:999999}
.aini_foot_nav p,.aini_foot_nav ul,.pc{margin:0;padding:0}
.aini_foot_nav li{width:20%;text-align:center;float:left}
.rightList ul,li,ol{list-style-type:none}
.rightList ul,li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
.aini_foot_nav li a{width:100%;display:block;color:#888}
.aini_foot_nav .nohover{color:#0f7efa}
.aini_foot_nav li i{display:block;font-size:25px;line-height:26px}
.aini_foot_nav li p{overflow:hidden;font-size:12px;height:16px;line-height:16px;color:#888}
.aini_foot_nav li.aini_zjbtn{overflow:visible;position:relative}
.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 .b_ok{border:1px solid #efefef!important}
.aini_foot_nav .bg_f{background:#fff!important}
address,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
.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 .bg_f{background:#fff!important}
.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:linear-gradient(-125deg,#0295f9 0,#2f49fd 100%);box-shadow:0 3px 10px -1px #0295f9!important}
.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 .iconjiahao{color:#fff}
#down h2,#help h2{font-size:18px;line-height:54px;color:#323232;border-bottom:2px solid #4f8af1;width:150px;font-weight:400}
#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 dd,#help dt{margin-left:40px;position:relative}
#help dd i,#help dt i{background:url(../images/zhankr-faq.png) no-repeat;width:30px;height:30px;display:block;position:absolute;left:-40px;top:0}
#help dd i{background-position:0 -35px}
.youkuaixun-header h1{font-size:12px;font-size:1.6rem;line-height:30px;text-align:center;margin:0 0 15px 0}
.youkuaixun-header{padding-bottom:20px;border-bottom:1px solid #eee}
.youkuaixun-title{font-size:13px;text-align:center;color:#555;font-weight:400}
strong{font-weight:700}
.youkuaixun{position:relative}
.youkuaixun h2{color:#555;font-weight:700;line-height:1.2;margin:0 0 15px;margin-top:-30px;font-size:15px}
.youkuaixun li{padding:8px 0;display:block}
.youkuaixun-content{box-shadow:0 0 1px RGBA(0,0,0,.15);background-color:#f6f6f62e;border:1px #ccc0 solid;border-radius:4px;font-size:1em;line-height:1.5em;margin:0 30px 0 40px;letter-spacing:1px;padding:20px 20px 0 30px;color:#666;min-height:60px;position:relative;white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
.youkuaixun-content p{margin:0;margin-top:-60px}
.youkuaixun-meta{text-align:right;letter-spacing:0;margin-top:-15px}
.youkuaixun-meta span{background-color:#f9f9f9;border-radius:3px;padding:2px 5px;font-size:13px}
.youkuaixun-meta a{color:#666!important}
.calendar{text-align:center;position:relative;margin-bottom:5px;margin-right:-5px;margin-top:0;border:1px solid #c9c9c9;-webkit-border-top-left-radius:7px;-webkit-border-bottom-right-radius:7px;border-radius-topleft:7px;border-radius-bottomright:7px;border-top-left-radius:7px;border-bottom-right-radius:7px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;top:20px;float:left;margin-left:3px;-webkit-box-shadow:#c6c6c6 1px 1px 3px;box-shadow:#c6c6c6 1px 1px 3px}
.calendar-year{text-align:center;position:relative;margin-bottom:-50px;margin-right:-5px;margin-top:0;-webkit-border-top-left-radius:7px;border-bottom-left-radius:7px;top:-25px;float:left;margin-left:27px;color:#bbb}
.cal-year{color:#b2b1b2;background-color:#e9e9e9;text-shadow:#fff -1px -1px 1px;-webkit-border-top-left-radius:6px;border-radius-bottomleft:6px;border-bottom-left-radius:6px;letter-spacing:-2px;font:bold 15px Helvetica,"Arial Rounded MT Bold",Geneva,sans-serif;padding:1px 4px 2px 0;text-align:center;border:1px solid #fff}
.cal-month{-webkit-border-top-left-radius:6px;border-radius-topleft:6px;border-top-left-radius:6px;font-size:10px;font-weight:700;color:#fff;letter-spacing:0;text-transform:uppercase;padding:3px 10px}
.cal-date{color:#222;background-color:#e9e9e9;text-shadow:#fff -1px -1px 1px;-webkit-border-bottom-right-radius:6px;border-radius-bottomright:6px;border-bottom-right-radius:6px;letter-spacing:-2px;font:bold 21px Helvetica,"Arial Rounded MT Bold",Geneva,sans-serif;padding:1px 4px 2px 0;text-align:center;border:1px solid #fff}
.month-01{background-color:#767c8f}
.month-02{background-color:#345abe}
.month-03{background-color:#37838d}
.month-04{background-color:#55b06c}
.month-05{background-color:#409ad5}
.month-06{background-color:#be63c5}
.month-07{background-color:#f79445}
.month-08{background-color:#4e1e00}
.month-09{background-color:#a04262}
.month-10{background-color:#284461}
.month-11{background-color:#4d1d77}
.month-12{background-color:#af1919}
.youkuaixun li em{float:left;background:url(bolangxian.png) no-repeat;width:55px;height:10px;margin:42px 0 0 26px}
.youkuaixun .avatar{border-radius:50%;margin:0 10px 0 -40px;float:left;padding:0;border:1px #ddd solid;display:block;transition:.5s;width:25px;height:25px;overflow:hidden;box-shadow:0 0 5px 1px #2953fc}
.youkuaixun li:hover .avatar{transform:rotate(360deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);border-color:#0c0}
.youkuaixun:before{height:100%;width:2px;background:#eee;position:absolute;left:30px;content:"";top:0}
.youkuaixun-content:before{position:absolute;top:-15px;bottom:0;left:-46px;background:#fff;height:12px;width:12px;border-radius:6px;content:"";box-shadow:inset 0 0 2px #2c50fd}
.youkuaixun-content:after{position:absolute;top:-13px;bottom:0;left:-44px;background:#0590f9;height:8px;width:8px;border-radius:6px;content:""}
.youkuaixun li:hover .youkuaixun-content:after{background:#0c0;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3)}
.youkuaixun li:hover .youkuaixun-content:before{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3)}
.youkuaixun li:hover .youkuaixun-meta:after{background:#0c0}
@media screen and (max-width:550px){.youkuaixun-content{margin:0 30px 0 30px;padding:10px 3px 0 8px;font-size:.9em}
.calendar{left:-46px;top:8px;margin-right:-46px}
.cal-month{font-size:8px;padding:0 3px}
.cal-date{font:bold 13px Helvetica,"Arial Rounded MT Bold",Geneva,sans-serif}
.calendar-year{left:-46px;top:26px}
.cal-year{font:bold 9px Helvetica,"Arial Rounded MT Bold",Geneva,sans-serif;padding:0 1px 0 0}
.youkuaixun:before{left:20px}
.youkuaixun-content:before{left:-16px;top:25px}
.youkuaixun-content:after{left:-14px;top:27px}
.youkuaixun:after{right:20px}
.youkuaixun .avatar{margin:16px -17px 0 5px;width:30px;height:30px}
.youkuaixun li em{float:left;width:10px;height:10px;margin:25px 0 0 -12px}
.youkuaixun-meta span{font-size:10px}
}
.zhankr-shy{padding-top:20px;padding-bottom:0}
.swiper-container{height:373px;border-radius:3px;--swiper-navigation-size:20px;--swiper-theme-color:#fff}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{visibility:visible}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{padding:34px 13px;margin-top:-30px;visibility:hidden;background-color:rgba(0,0,0,.1)}
.swiper-container .swiper-button-next:hover,.swiper-container .swiper-button-prev:hover{background-color:rgba(0,0,0,.3)}
.swiper-container .swiper-button-prev{left:0}
.swiper-container .swiper-button-next{right:0}
.swiper-container .swiper-pagination{padding-right:20px;text-align:right}
.swiper-container .swiper-wrapper .swiper-slide a{display:block;height:100%}
.swiper-container .swiper-wrapper .swiper-slide a:hover{opacity:1}
.swiper-container .swiper-wrapper .swiper-slide a:hover::after{visibility:visible;opacity:.3;-webkit-transition:all .2s;transition:all .2s}
.swiper-container .swiper-wrapper .swiper-slide a::after{position:absolute;top:0;right:0;left:0;display:block;width:100%;height:100%;visibility:hidden;content:'';background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.01)),to(#000));background-image:linear-gradient(180deg,rgba(0,0,0,.01) 0,#000 100%);opacity:0;-webkit-transition:all .2s;transition:all .2s}
.swiper-container .swiper-wrapper .swiper-slide a img{width:100%;height:100%}
.swiper-container .swiper-wrapper .swiper-slide a h3{position:absolute;bottom:0;left:0;z-index:1;width:100%;box-sizing:border-box;padding:15px;margin:0;font-size:16px;font-weight:700;color:#fff;text-align:left;text-shadow:0 1px 3px #525252;background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,.3))}
.swiper-container .swiper-wrapper .swiper-slide a h3 .label{padding:2px 4px;margin-right:10px;font-size:14px;color:#525252;text-shadow:0 1px 1px #eee;background:#fff;border-radius:3px;box-shadow:0 1px 1px #666}
.h-images{height:370px;margin-bottom:13px}
.h-images .item-tuwen{margin-bottom:13px}
.h-images .item-tuwen a{position:relative;display:block;height:180px;overflow:hidden;border-radius:3px}
.h-images .item-tuwen a:hover{opacity:1}
.h-images .item-tuwen a.h-mark:hover::after{visibility:visible;opacity:1;opacity:.3;-webkit-transition:all .2s;transition:all .2s}
.h-images .item-tuwen a.h-mark::after{position:absolute;top:0;right:0;left:0;display:block;width:100%;height:100%;visibility:hidden;content:'';background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.01)),to(#000));background-image:linear-gradient(180deg,rgba(0,0,0,.01) 0,#000 100%);opacity:0;-webkit-transition:all .2s;transition:all .2s}
.h-images .item-tuwen a .thumb{display:block;height:180px;background-size:cover}
.h-images .item-tuwen a strong{position:absolute;right:0;bottom:0;left:0;z-index:10;padding:.4em .8em .6em;font-size:12px;font-weight:700;line-height:1.3;color:#fff;letter-spacing:.5px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.2)),to(rgba(0,0,0,.6)));background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.6) 100%);background-repeat:repeat-x;box-shadow:0 -7px 15px rgba(0,0,0,.2)}
@media (min-width:992px){.no-gutters .col-lg-9{padding-right:15px!important}
.h-images .item-tuwen a strong{display:block;font-size:14px;line-height:1.4;letter-spacing:1px}
}
@media (max-width:992px){.section{padding-top:15px}
.section .swiper-container{height:150px;margin-bottom:15px}
.section .swiper-container .swiper-wrapper .swiper-slide h3{display:none}
.section .h-images{height:100px;margin:0 -6px!important}
.section .h-images .item-tuwen{padding:0 6px!important}
.section .h-images .item-tuwen a{height:100px}
.section .h-images .item-tuwen a .thumb{height:100px}
}
.no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{top:15;right:5}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.r_b_tip_box{position:relative;z-index:999}
.r_b_tip{width:182px;height:67px;position:absolute;bottom:0;z-index:88;right:0}
@media (max-width:767px){.r_b_tip{display:none}
}
.site-header{transition:All .5s ease-in-out;-webkit-transition:All .5s ease-in-out;-moz-transition:All .5s ease-in-out;-o-transition:All .5s ease-in-out}
.zhankr_slogin_btn i.fa.fa-user{color:#fff!important}
.zhankr_slogin{position:fixed;z-index:99;left:0;bottom:0;width:100%;padding:20px 0;text-align:center;height:auto;line-height:45px;background:#f9f9f9;border-top:1px solid #e6e6e6;font-family:microsoft yahei;transition:All .5s ease-in-out;-webkit-transition:All .5s ease-in-out;-moz-transition:All .5s ease-in-out;-o-transition:All .5s ease-in-out;background:#fff}
.zhankr_slogin .wp{width:100%;align-content:center}
.zhankr_slogin_info{display:inline-block;font-size:22px;color:#000;letter-spacing:2px;height:40px;line-height:40px;font-weight:300}
.zhankr_slogin_info a{color:#885E1B}
.zhankr_slogin_btn{display:inline-block;line-height:40px;height:40px;margin:0 8px}
.zhankr_slogin_btn a{display:block;background:#ec2546;color:#fff;padding:0 30px;border-radius:3px;font-size:16px;border-radius:5px}
.loginbutton .fa-user,.zhankr_slogin_qq .fa-qq,.zhankr_slogin_wechat .fa-wechat{color:#fff;margin-right:3px}
.zhankr_slogin_line{display:inline-block;width:1px;height:10px;background:#ccc}
.zhankr_slogin_qq{border-radius:10%;display:inline-block!important;zoom:1;display:inline;line-height:40px;height:40px;margin:0 8px;white-space:nowrap}
.zhankr_slogin_qq a{display:block;color:#fff;padding:0 30px;border-radius:3px;font-size:16px;background:#2581ff;border-radius:5px}
.zhankr_slogin_wechat{display:inline-block;line-height:40px;height:40px;margin:0 8px;white-space:nowrap}
.zhankr_slogin_wechat a{display:block;color:#fff;padding:0 30px;border-radius:3px;font-size:16px;background:#2bac19;border-radius:5px}
@media (max-width:768px){.zhankr_slogin{display:none}
}
.zixun{margin-top:10px;float:right}
.zixun p{float:right}
.zixun p .input{border:1px solid #f5f5f5;height:26px;width:265px;text-indent:.3rem;float:left;color:#d1cdcd;font-size:12px}
.zixun p .fuzhi{float:left;height:26px;border:0;background:#f5f5f5;color:#333;line-height:26px;padding:0 5px}
.icon_hot{display:block;animation:hot 1s infinite linear;-moz-animation:hot 1s infinite linear;-webkit-animation:hot 1s infinite linear;-o-animation:hot 1s infinite linear;width:25px;height:14px;background:url(../images/hot.png) no-repeat center;position:absolute;top:-8px;left:50%;margin-left:-12.5px}
.navbar .nav-list .menu-item .on{color:#885E1B;font-weight:700}
@media screen and (max-width:1248px){.header_search{left:30%}
.logotext10{display:none}
.header_search{width:320px}
.header_search .search_form .search_input{width:238px}
}
@media screen and (min-width:931px){.header-gap{height:150px}
span.navtenyear{font-size:14px;padding:1px 5px;background-color:#ff5c00/*#ffc107*/;border-radius:5px;color:#fff}
span.navtenyearcon{font-size:12px}
}
@media screen and (max-width:971px){.navbar2{height:0}
.logotext10{display:none}
.header_search{display:none}
}
.home_title {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.home_title .title {
position: relative;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 20px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
width: calc(100% - 48px);
}
.home_title .title .pricing-title {
font-size: 20px;
color: #333;
font-weight: 700;
margin: 0 0 15px 10px;
display: inline-block;
vertical-align: bottom;
}
.index_fenlei {
float: right;
margin-left: 20px;
font-size: 14px;
font-weight: 700;
color: #878787;
margin-top: 4px;
display: block;
padding: 3px 0;
border-radius: 5px;
line-height: 16px;
}
.index_fenlei a{
color:#878787;
}
.fwq_fenlei_title {
float: right;
display: block;
padding: 3px 0;
width: 18px;
height: 30px;
line-height:30px;
}
.fwq_fenlei_title:before {
display: inline-block;
padding: 0 .5rem;
content: '/';
color: #333;
vertical-align: middle;
position: relative;
top: -.3rem;
font-weight: 600;
}
.fwq_fenlei_title:after {
display: inline-block;
padding: 0 .8rem;
content: '/';
color: #878787;
vertical-align: middle;
position: relative;
top: -.3rem;
left: -17px;
font-weight: 600;
}
.home_title .title .fl-right{
position: absolute;
bottom: 15px;
right: 0;
}
.margin-l0 {
margin-left: 0px!important;
}
.shf-member-grid {
margin-bottom: 20px;
}
/* 防冲突会员网格容器 - 响应式布局 */
.shf-member-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
padding: 8px;
justify-items: center;
width: 100%;
box-sizing: border-box;
}
/* 响应式断点 */
@media (min-width: 430px) {
.shf-member-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
}
@media (min-width: 768px) {
.shf-member-grid {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.shf-member-grid {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.shf-member-grid {
grid-template-columns: repeat(10, minmax(0, 1fr));
gap: 12px;
}
}
@media (min-width: 1400px) {
.shf-member-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
/* 会员卡片基础样式 */
.shf-member-card {
width: 100%;
max-width: 100px;
text-align: center;
font-family: "Microsoft YaHei", sans-serif;
padding: 5px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
/* 头像区域 */
.shf-avatar-wrapper {
position: relative;
width: 100%;
max-width: 80px;
}
.shf-avatar-container {
position: relative;
width: 100%;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
margin: 0 auto;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.shf-avatar-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* 会员组徽标 - 带透明度控制 */
.shf-group-badge {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 20px;
line-height: 20px !important;
color: white !important;
font-size: clamp(10px, 2vw, 12px);
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 3px;
box-sizing: border-box;
font-weight: bold;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
/* 新增透明度控制 */
background-color: rgba(0,0,0,0.3) !important; /* 基础透明度 */
background-blend-mode: overlay; /* 混合模式增强效果 */
}
/* 特定会员组背景色 - 带透明度 */
.shf-group-badge[data-group="1"] {
background:
linear-gradient(
to right,
rgba(108, 117, 125, 0.3), /* #6c757d 80%透明度 */
rgba(73, 80, 87, 0.8) /* #495057 80%透明度 */
) !important;
}
.shf-group-badge[data-group="2"] {
background:
linear-gradient(
to right,
rgba(255, 193, 7, 0.3), /* #ffc107 80%透明度 */
rgba(253, 126, 20, 0.8) /* #fd7e14 80%透明度 */
) !important;
}
.shf-group-badge[data-group="3"] {
background:
linear-gradient(
to right,
rgba(220, 53, 69, 0.3), /* #dc3545 80%透明度 */
rgba(157, 2, 8, 0.8) /* #9d0208 80%透明度 */
) !important;
}
/* 小屏幕调整 */
@media (max-width: 430px) {
.shf-group-badge {
/* 小屏减少透明度增强可读性 */
background-color: rgba(0,0,0,0.4) !important;
}
}
/* 文字信息区域 */
.shf-member-text {
width: 100%;
margin-top: 8px;
padding: 0 2px;
box-sizing: border-box;
}
.shf-username,
.shf-truename,
.shf-spacename {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
display: block;
}
.shf-username {
font-size: clamp(11px, 2.5vw, 13px);
font-weight: bold;
color: #333;
margin-bottom: 2px;
}
.shf-truename {
font-size: clamp(9px, 2vw, 11px);
color: #666;
margin-bottom: 2px;
}
.shf-spacename {
font-size: clamp(8px, 1.8vw, 10px);
color: #999;
}
/* 小屏优化 */
@media (max-width: 430px) {
.shf-member-grid {
gap: 6px;
padding: 6px;
}
.shf-member-card {
max-width: 80px;
padding: 3px;
}
.shf-avatar-wrapper {
max-width: 60px;
}
.shf-group-badge {
height: 18px;
line-height: 18px !important;
font-size: 10px;
}
.shf-member-text {
margin-top: 6px;
}
}
/* 超小屏保护 */
@media (max-width: 320px) {
.shf-member-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.shf-group-badge {
font-size: 9px !important;
height: 16px;
line-height: 16px !important;
}
}