.meta .copypaw{cursor:copy;font-weight:600;background-color:#c1c1c1;border-radius:4px;color:#d2d2d2;background-image:linear-gradient(45deg,#9e9e9e 25%,#fff 0,#fff 50%,#9e9e9e 0,#9e9e9e 75%,#fff 0);background-size:2px 2px}
.ripro-dark .content-box{background-color:#1d1f20}
.container:after,.container:before{display:table-cell;content:"";line-height:0}
.article-box{position:relative;width:100%;z-index:9;margin-bottom:20px}
.content-box{background-color:#fff;border-radius:4px;overflow:hidden}
.article-info{padding:20px 0 5px 10px;overflow:hidden}
.pd_info{padding:20px 20px 5px 20px;overflow:hidden}
@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:#090;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}
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
.article-info .thumb{width:28.8%;float:left;padding:10px/* 20px*/;box-shadow:8px 14px 20px 6px rgba(39,44,49,.06),1px 3px 8px 6px rgba(39,44,49,.03)}
.iop{height:248px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
.iopzidian{height:305px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
.mk-alert{padding:10px 15px;border-radius:3px;margin:1em auto;line-height:1.5em;display:block;text-align:center;color:#67c23a}
.article-info img{height:auto;border-radius:4px;width:auto;margin-top:5px}
.z{text-align:center;color:#929191}
.article-info .meta{width:70%;float:right;padding:20px}
.meta .zy{margin-bottom:10px;position:relative;padding:10px}
.meta .zy>strong{font-weight:700}
.article-info .des{margin-top:15px;font-weight:700}
span.buy{font-size:32px;color:#4caf50;line-height:50px;margin-left:10px}
span.buy font:nth-child(2n){color:#2196f3;font-size:26px}
span.buy font:nth-child(3n){color:#ff3e07;font-size:26px}
.des i{font-size:20px;font-style:normal}
.des u{color:#999;font-size:13px;text-decoration:none;font-weight:500}
.des b{margin-right:10px}
#momk{animation:change 10s infinite;font-weight:800}
span.Tips{font-size:16px;font-weight:600;background:#eff1f5;padding:6px 20px;text-align:center;cursor:pointer;border-radius:200px;line-height:20px}
.paynum{color:red}
.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in}
.go-down{background:linear-gradient(-125deg,#f90202 0,#fd2f44 100%);border-radius:5px;margin-top:15px;line-height:34px;margin-right:5px;box-shadow:0 8px 10px rgba(32,160,255,0)}
.go-down{margin-top:15px;line-height:34px;width:180px;margin-right:5px;background-color:#40a9ff;color:#fff;-webkit-box-shadow:0 8px 10px rgba(32,160,255,.3);box-shadow:0 8px 10px rgba(32,160,255,.3)}
.go-down:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 rgba(32,160,255,.3);box-shadow:0 0 0 rgba(32,160,255,.3);background-color:#f1404b;color:#fff}
.btn{display:inline-block;padding:.35rem 0.5rem;border-radius:.1rem;border-radius:2px;border-radius:4px;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.045);box-shadow:0 2px 0 rgba(0,0,0,.045);vertical-align:middle;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);white-space:nowrap;font-weight:400;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;user-select:none}
.btn2{display:inline-block;padding:.35rem 0.5rem;border-radius:.1rem;border-radius:2px;border-radius:4px;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.045);box-shadow:0 2px 0 rgba(0,0,0,.045);vertical-align:middle;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.1);white-space:nowrap;font-weight:700;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;user-select:none}
.btn-buy{background:linear-gradient(-125deg,#f90202 0,#fd2f44 100%);border-radius:0;margin-top:15px;line-height:34px;width:180px;margin-right:5px;color:#fff}
.btn-buy:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 rgba(32,160,255,.3);box-shadow:0 0 0 rgba(32,160,255,.3);background:linear-gradient(-125deg,#69bff9 0,#7080ef 100%);border-color:#40a9ff;background-color:#40a9ff;color:#fff}
.btn-demo{margin-top:15px;line-height:34px;width:180px;margin-right:5px;background:-webkit-gradient(linear,left top,left bottom,from(#3db96d),to(#1b904e));background:linear-gradient(-180deg,#3db96d 0,#1b904e 100%);background:linear-gradient(-125deg,#2f49fd 0,#1f97fb 100%);border-radius:5px}
.btn-demo:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:0 0 0 rgba(32,160,255,.3);box-shadow:0 0 0 rgba(32,160,255,.3);background-color:#f1404b;color:#fff}
.btn-qq{margin-top:15px;line-height:34px;width:180px;margin-right:5px;background:-webkit-gradient(linear,left top,left bottom,from(#3db96d),to(#1b904e));background:#333;border-radius: 4px;}
.btn-qq:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.btn-vip{margin-top:15px;line-height:34px;margin-right:5px;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;font-size:.875rem;width:180px}
.btn-vip:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
@media (max-width:768px){.downinfo{display:block;width:100%}
.shop-focus{padding:30px 0 100px!important}
.article-box{width:100%}
.article-info{padding:10px 0 5px 10px}
.pd_info{padding:10px 20px 5px 20px}
.article-info .thumb{width:97%}
.article-info .meta{width:100%;padding-left:10px;margin-top:30px;}
.article-info img{height:auto;margin-bottom:20px}
.article-info .des{text-align:center}
.meta ul.tagcc{display:block;background:#f6f6f6;padding:5px;border-radius:4px;margin-top:30px}
.btn-demo,.btn-qq,.btn-vip,.go-down,.meta .btn-buy{line-height:24px;width:97%!important}
.meta .serv{text-align:center}
.meta .serv>span{display:inline-block;width:49%;padding:0 1%}
.widget-pay{ display:block; width:100%; padding:0 10px;}
span.buy{font-size:16px;color:#4caf50;line-height:35px;margin-left:0;}
span.buy font:nth-child(2n){color:#2196f3;font-size:16px}
span.buy font:nth-child(3n){color:#ff3e07;font-size:16px;}
.article-info .des {margin-bottom: 15px;}
}
ul.tagcc{display:block;background:#f6f6f6;padding:5px;border-radius:4px;margin:10px 0 0 0}
.tagcc li{padding:5px 8px; text-align:center;font-size: 14px;}
.meta .serv{padding:0;list-style:none;font-size:0;margin:10px}
.meta .serv li{display:inline-block;margin-right:20px;padding:10px 0;font-size:0.85rem;line-height:1.2;text-align:left}
.meta .serv li a{color:#929191}
ul.serv li>i{color:#8a8a8a;font-size:13px;margin-right:5px}
.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in}
.dashicons-plugins-checked:before{content:"\f485"}
.dashicons-shield:before{content:"\f332"}
.dashicons-update-alt:before{content:"\f113"}
.dashicons-cloud:before{content:"\f176"}
.shengming{display:block;font-size:14px;color:#929191}
.shengming p{padding:10px;border-radius:4px;background:#f6f6f6}
.pd_about{display:block;font-size:14px;color:#929191;padding: 8px 0 0 0;}
.pd_about p{padding:15px;border-radius:4px;background:#fdfaeb/*#f6f6f6*/}
.dashicons-info:before{content:"\f348"}
.container:after,.container:before{display:table-cell;content:"";line-height:0}
.meta .serv,.meta .tagcc,.meta a{color:#555}
.zy h1{margin:5px;width:80%;font-size:20px}
@media (max-width:768px){.zy h1{margin:5px;width:100%;font-size:20px;text-align:center}
.meta .serv li{display:inline-block;margin-right:5px;padding:10px 0;font-size:0.75rem;line-height:1.2;text-align:left}
}
a.btn.btn-buy.down{color:#fff}
i.fa.fa-diamond{font-size:14px}
i.fa.fa-user{color:#fff}
.tagcc li span{margin-right:16px}
.ripro-dark ul.tagcc{background:#232425;color:#8c8c8c;font-size:13px}
.ripro-dark .shengming p{background:#232425}
.ripro-dark .navbar .sub-menu{background-color:#2c2c2c}
.meta a,.ripro-dark .meta .serv,.ripro-dark .meta .tagcc{color:#fff}
.ripro-dark .btn-demo .fa-qq{color:#fff}
.home-filter--content .focusbox-title{padding-top:200px}
.works-top .right{flex:1;text-align:right;margin:5px}

@media (max-width:768px){.works-top .right{display:none;flex:1;text-align:right;margin:5px}
}
.works-top .hot{margin-right:12px}
.works-top .hot i{font-size:30px;color:#acbbc6;vertical-align:middle}
.icon-hot:before{content:"\e64f"}
.works-top .hot .num{font-size:30px;color:#acbbc6;font-weight:700;font-style:italic;vertical-align:middle}
.works-top .hot .num strong{position:absolute;right:-4px;top:0;font-size:22px}
i.wp.wp-huo{color:#f44336;font-style:italic}
.zy.works-top{border-radius:5px 5px 0 0;display:flex;margin-top:-30px}
.zixun{margin-top:10px;float:right;margin-right:15px}
.zixun p{float:right}
.zixun p .fuzhi{float:left;height:26px;border:0;background:#f5f5f5;color:#333;line-height:26px;padding:0 5px;font-size:12px}
.buy .fa{margin-right:10px}
.buy span{margin-left:8px;color:#fff}
.Tips{color:#40a9ff!important}
a.howto{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;margin-left:10px;border-radius:13px;padding:3px 15px}
c{margin-left:10px;color:#555;font-size:20px}
.meta .price{color:#2196f3;font-size:28px;margin-right:5px}
.meta .ua{font-size:28px;margin-right:5px;font-size:20px}
.meta .boosvip-abs{text-align:center;color:#fd721f;font-size:17px;position:relative;bottom:5px;font-weight:500;margin-left:10px}
.meta .boosvip-abs a,.meta .boosvip-abs i{font-size:14px;color:#fd721f}
.boosvip-abs .fa{margin-left:10px;margin-right:0}
.col-md-9,.col-sm-6{padding-bottom:unset}
.article-info ol,.article-info ul{list-style:none}
.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;margin-left:20px;font-weight:400}
@keyframes mymove{0%{background-position:0 0}
50%{background-position:50% 100%}
100%{background-position:100% 0}
}
.widget-pay .btn--block,.widget-pay .btn-buy,.widget-pay .go-down{width:100%!important;margin:0}
.list-news{position:relative;border-color:rgba(135,150,165,.1);padding:0;margin:0}
.mb-n2,.my-n2{margin-bottom:-.5rem!important}
.mt-n2,.my-n2{margin-top:-.5rem!important}
.list-news-item{border-radius:3px;position:relative;display:-ms-flexbox;display:flex}
.list-news-dot{position:relative;border-color:rgba(135,150,165,.1);padding:0 .5rem}
.list-news-item.active .list-news-dot:before{border-color:#448ef6;box-shadow:0 0 0 4px rgba(19,126,255,.2)}
.list-news-dot:before{border-color:rgba(31,110,212,.61)}
.list-news-dot:after,.list-news-dot:before{content:"";position:absolute;border-color:inherit;border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;top:14px;left:50%;transform:translateX(-50%)}
.list-news-dot:after{width:0;height:auto;top:26px;bottom:-12px;border-right-width:0;border-top-width:0;border-bottom-width:0;border-radius:0}
.list-news-item:last-child .list-news-dot:after{display:none}
.list-news-content{padding:0 0 1.5rem 1rem}
.text-xs{font-size:.75rem!important}
.text-sm{font-size:.875rem!important}
.pb-1,.py-1{padding-bottom:.25rem!important}
.mt-2,.my-2{margin-top:.5rem!important}
.mb_30{margin-bottom:30px!important}
.mb_25{margin-bottom:25px!important}
.mb_20{margin-bottom:20px!important}
.mb_15{margin-bottom:15px!important}
.mb_10{margin-bottom:10px!important}
.collapse:not(.in){display:none}
.collapse:not(.show){display:none}
.show{display:block!important}
.text-secondary{font-size:.85em!important}
.u-text-format h2{font-size:22px}
.u-text-format h3{font-size:20px}
.coments .bottom-area{padding:0}
.bottom-area .comments{padding:0 30px 30px 30px}
.theme-item-sidebar{float:left;width:35%;position:relative}
.theme-item-image{position:relative;border:1px solid #eee;border-radius:8px;display:flex;justify-content:center;text-align:center;padding:30px;height:386px}
.ripro-dark .theme-item-image{position:relative;border:1px solid #232425;border-radius:8px;display:flex;justify-content:center;text-align:center;padding:30px;height:386px}
img{vertical-align:middle;max-width:100%}
.btn-primary-outline{line-height:36px;color:#01cdb8;background-color:transparent;border:1px solid #01cdb8}
.theme-item-focus .btn{display:inline-block;font-weight:400;color:#666;text-align:center;vertical-align:top;user-select:none;border:none;padding:0 36px;line-height:38px;font-size:14px;border-radius:100px;outline:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.theme-item-focus .theme-item-preview{position:relative;display:inline-block;text-align:center;margin-top:15px;bottom:-15px;font-weight:700;line-height:44px}
.theme-item-preview .iconfont{font-weight:700}
.theme-demo-qrcode{position:absolute;bottom:1px;left:1px;border-right:1px solid #eee;border-top:1px solid #eee;width:94px;text-align:center;background-color:#fff;padding:5px;border-radius:0 0 0 8px}
.theme-demo-qrcode small{display:block;font-size:12px;margin-bottom:3px}
.theme-item-fcontent{float:left;width:48%;margin-left:3%}
.theme-item-counter{float:right;margin-top:5px;color:#bbb;font-size:12px}
.theme-item-fcontent h1{margin:0 0;font-size:20px;font-weight:700;border-left:5px solid #00cdb8;padding-left:10px;overflow:hidden}
.theme-item-fcontent h4{margin:10px 0 0;font-size:12px;display:inline-block;color:#01cdb8;font-weight:700}
.theme-item-fcontent h3{margin:10px 0 0;font-size:14px;line-height:1.5;text-align:justify;font-weight:700;display:flex}
.theme-item-price{margin:20px 0 0;padding:15px 0;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;display:flex;justify-content:space-between}
.ripro-dark .theme-item-price{margin:20px 0 0;padding:15px 0;border-top:1px dotted #232425;border-bottom:1px dotted #232425;display:flex;justify-content:space-between}
.theme-item-price strong{float:right;font-size:30px;line-height:1;color:#01cdb8;margin-left:10px}
.theme-item-price strong dfn{font-weight:700;font-style:normal;font-size:16px;position:relative;top:-4px;margin-right:7px}
.theme-item-price h5{font-size:14px;color:#01cdb8;line-height:30px;margin:0;font-weight:700}
.theme-item-sv{margin-top:24px}
.theme-item-sv h6{margin:0 0 15px;font-size:14px;font-weight:700}
.theme-item-sv ul{overflow:hidden;font-size:0;margin:0 -1% 0 0;padding:0}
.theme-item-sv li{-webkit-transition:color .25s,background-color .25s;-moz-transition:color .25s,background-color .25s;-ms-transition:color .25s,background-color .25s;-o-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s;color:#666;cursor:default;vertical-align:top;width:32.3333333333%;margin-right:1%;margin-bottom:1%;display:inline-block;padding:5px 5px 5px 12px;background-color:#f6f6f6;border-radius:8px}
.ripro-dark .theme-item-sv li{-webkit-transition:color .25s,background-color .25s;-moz-transition:color .25s,background-color .25s;-ms-transition:color .25s,background-color .25s;-o-transition:color .25s,background-color .25s;transition:color .25s,background-color .25s;color:#fff;cursor:default;vertical-align:top;width:32.3333333333%;margin-right:1%;margin-bottom:1%;display:inline-block;padding:5px 5px 5px 12px;background-color:#232425;border-radius:8px}
.theme-item-sv li span{font-size:12px}
.theme-item-orderarea{font-size:0}
.theme-item-orderarea .btn{vertical-align:top;padding:0 45px;height:44px;line-height:44px;font-size:15px;margin-right:10px;margin-top:15px!important}
.btn-primary{color:#fff;background-color:#01cdb8}
.theme-item-orderarea .btn-default{padding:0 30px}
.theme-item-brand{float:right;width:11%}
.theme-item-brand1{color:#999;background-color:#f6f6f6;padding:15px 15px;border-radius:8px;text-align:center;margin-bottom:10px;font-size:12px}
.ripro-dark .theme-item-brand1{color:#999;background-color:#232425;padding:15px 15px;border-radius:8px;text-align:center;margin-bottom:10px;font-size:12px}
.theme-item-brand1 p{margin:0 0 10px;line-height:1.5}
.theme-item-brand2{color:#999;background-color:#f6f6f6;padding:15px 15px;border-radius:8px;text-align:center;font-size:12px}
.ripro-dark .theme-item-brand2{color:#999;background-color:#232425;padding:15px 15px;border-radius:8px;text-align:center;font-size:12px}
.theme-item-brand2 img{border-radius:50%;width:60px;height:60px;display:block;margin:0 auto 10px}
.theme-item-brand2 h4{margin:0 0 10px;font-size:12px;color:#01cdb8}
.theme-item-brand2 p{margin:0;color:#999;line-height:1.5}
.theme-item-focus{overflow:hidden;position:relative;background-color:#fff;padding:30px 0;margin-bottom:20px}
.ripro-dark .theme-item-focus{overflow:hidden;position:relative;background-color:#171616;padding:30px 0;margin-bottom:20px}
.theme-item-focus .btn-primary-outline{line-height:36px;color:#01cdb8;background-color:transparent;border:1px solid #01cdb8}
.btn-default{color:#777;background-color:#f2f2f2}
/*@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_29668_op57pe23sw9.eot);src:url(//at.alicdn.com/t/font_29668_op57pe23sw9.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_29668_op57pe23sw9.woff2) format("woff2"),url(//at.alicdn.com/t/font_29668_op57pe23sw9.woff) format("woff"),url(//at.alicdn.com/t/font_29668_op57pe23sw9.ttf) format("truetype"),url(//at.alicdn.com/t/font_29668_op57pe23sw9.svg#iconfont) format("svg")}*/
@font-face{
    font-family:iconfont;
    src:url(../fonts/iconfont/font_29668_op57pe23sw9.eot);
    src:url(../fonts/iconfont/font_29668_op57pe23sw9.eot?#iefix) format("embedded-opentype"),
        url(../fonts/iconfont/font_29668_op57pe23sw9.woff2) format("woff2"),
        url(../fonts/iconfont/font_29668_op57pe23sw9.woff) format("woff"),
        url(../fonts/iconfont/font_29668_op57pe23sw9.ttf) format("truetype"),
        url(../fonts/iconfont/font_29668_op57pe23sw9.svg#iconfont) format("svg");
}
.theme-item-focus .iconfont{position:relative;display:inline-block;font:normal normal normal 14px/1 iconfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.theme-item-sv li .iconfont{position:relative;top:1px;display:inline-block;font-size:15px;width:15px;text-align:center;margin-right:10px}
img.themeimg{width:365px;height:270px;border-radius:10px;margin:0 auto}
.theme-item-brand1 .iconfont{height:50px;font-size:50px;color:#01cdb8;margin-bottom:5px}
@media (max-width:1200px){.theme-item-fcontent{width:62%}
.theme-item-brand{display:none}
}
@media (max-width:1024px){.theme-item-breadcrumbs{display:none}
.theme-item-sidebar{width:auto;float:none;margin-bottom:15px}
.theme-item-fcontent{width:auto;margin-left:0}
.theme-item-sidebox{position:relative;right:0;width:auto}
.theme-item-contentbox{min-height:auto;margin-right:0}
.theme-item-focus{padding:15px 0}
.theme-item-image{border:none;border-radius:0;height:auto;display:block;padding:0;text-align:center}
.theme-item-image a{display:block}
.theme-item-image img{max-height:300px}
.theme-item-orderarea{text-align:center}
.theme-item-orderarea .btn{margin:0 5px}
.theme-item-menubar.affix{top:0}
.theme-item-menubar.affix .container{padding:0}
.theme-item-menubar.affix ul{margin-right:0;background-color:#f9f9f9;box-shadow:none}
.theme-item-menubar.affix .btn{display:none}
.theme-item-menubar{padding-top:0}
.theme-item-menubar ul{display:flex;text-align:center}
.theme-item-menubar ul li{float:none;flex:1;font-size:14px;padding:18px 0;text-align:center;border-top:none}
.theme-item-menubar ul li.active{font-weight:700}
.theme-item-menubar.affix ul li{padding:15px 0;height:44px}
.theme-item-intro{margin-bottom:10px;border-radius:0}
.theme-item-intro.affix{position:relative;width:auto;top:0}
}
@media (max-width:768px){.theme-item-image img{max-height:220px}
.theme-item-fcontent h1{font-size:18px}
.theme-item-fcontent h4{font-weight:400}
.theme-item-contentbox,.theme-item-sidebox{margin-left:-15px;margin-right:-15px}
.theme-item-focus{margin-bottom:10px}
.theme-item-functions{padding:0 15px 40px;border-radius:0}
.theme-item-container{border-radius:0;padding:15px;margin-bottom:10px}
.page-theme-item .m-menubar{display:none}
.theme-item-orderarea{background-color:#fff;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:50px}
.theme-item-orderarea:before{content:"1";color:transparent;position:absolute;left:0;top:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);display:block;overflow:hidden;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.theme-item-orderarea .btn-primary{height:36px;line-height:36px;float:right;margin:7px 15px 0 0;font-size:12px}
.theme-item-orderarea .btn-default{float:left;padding:0 15px;border:none;width:auto;font-size:10px;line-height:1;color:#202935;margin-top:7px;background-color:transparent}
.theme-item-orderarea .btn-default:active,.theme-item-orderarea .btn-default:hover{background-color:transparent}
.theme-item-orderarea .btn-default .iconfont{margin-bottom:5px;display:block;font-size:22px}
}
@media (max-width:544px){.theme-widget{margin-bottom:10px}
.theme-abs{display:none;border-radius:0}
.theme-abs img{width:100%}
.theme-item-focus{padding:0;margin-top:1px;margin-bottom:0}
.theme-item-preview{font-size:12px;line-height:36px}
.theme-item-sidebar{margin-bottom:0}
.theme-item-image{padding:30px 0}
.theme-item-image img{max-height:200px}
.theme-item-fcontent{padding-bottom:10px}
.theme-item-fcontent h1{font-size:18px}
.theme-item-counter{font-size:12px;margin-top:1px}
.theme-item-fcontent h3{font-size:14px;margin-top:7px;line-height:1.4}
.theme-item-fcontent h4{font-size:12px}
.theme-item-price{margin:15px 0;padding:0;border-top:none;border-bottom:none;display:list-item}
.yuan_price{display:flex;margin:0 auto;margin-left:0}
.theme-item-price strong{font-weight:700;font-size:24px}
.theme-item-price strong dfn{top:-2px}
.theme-item-price h5{line-height:24px;color:#01cdb8;font-size:14px;display:flex}
.theme-item-service{margin-bottom:0}
.theme-item-service h6{color:#01cdb8;font-size:14px}
.theme-item-service li{float:none;margin-top:5px;width:auto;text-align:left!important;font-size:14px;color:#999}
.theme-item-intro dl{padding-top:5px;padding-bottom:5px}
.theme-item-functions ol li{line-height:1.4;height:68px;margin-top:15px;padding-left:26px;font-size:11px}
.theme-item-functions ol li .iconfont{font-size:12px;line-height:18px;width:18px;height:18px;margin-left:-26px;border-radius:6px}
.theme-item-functions ol li strong{font-size:12px}
.theme-item-functions h2{font-size:18px}
.theme-item-functions h3{margin-top:8px;font-size:12px}
.theme-item-functions ul li{margin-top:10px;padding-left:15px}
.theme-item-functions ul li:before{top:6px}
.theme-item-container{line-height:1.5}
.theme-item-container h3{font-size:16px}
.theme-item-brand{display:block;float:none;width:auto;clear:both;margin-left:-15px;margin-right:-15px;background-color:#f2f2f2;padding:10px 0;overflow:hidden}
.theme-item-brand1{float:left;width:45%;background-color:#fff;margin-bottom:0;margin-left:15px;height:165px}
.theme-item-brand2{float:right;width:45%;margin-right:15px;background-color:#fff;height:165px}
.theme-item-brand2 img{width:52px;height:52px}
.theme-item-brand2 h4{line-height:1}
.theme-item-brand2 p{line-height:1.4}
.theme-item-breadcrumbs{font-size:10px;font-weight:700;margin-top:15px;margin-bottom:0}
.theme-item-breadcrumbs span{font-weight:400;position:relative;top:-1px}
.theme-item-breadcrumbs .iconfont{font-weight:400;margin-right:0}
.theme-item-breadcrumbs a:nth-of-type(1){display:none}
.theme-item-breadcrumbs span:nth-of-type(1){display:none}
}
@media (max-width:1024px){.theme-demo-qrcode{display:none}
}
@media (max-width:768px){.theme-item-orderarea{background-color:#fff;z-index:9990;position:fixed;bottom:0;left:0;right:0;height:50px}
}
@media (max-width:1024px){.theme-item-orderarea{text-align:center;display:flex;height:60px;justify-content:center}
}
@media (max-width:768px){.theme-item-sv li{width:49%}
}
.theme-item-orderarea .go-down{background:#01b9a6;color:#fff}
.theme-item-price ul{list-style-type:none;margin:0;padding:0}
.pricing-options{position:relative;margin-bottom:10px}
.pricing-options li{padding:10px 0;font-size:14px;cursor:pointer;color:#8c8c8c;}
.theme-item-price ul li>a{display:inline-block}
.label-warning{background-color:#f0ad4e}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.pricing-options li .pricing__opt{font-weight:600;float:right}
.yuan_price{display:flex;align-items:center}
.pricing-options strong{float:right;font-size:20px;line-height:1;color:#01cdb8;margin-left:10px}
.btn--primary{color:#fff;background:#34495e;background:-webkit-gradient(linear,left top,right top,from(#34495e),to(#475f77));background:-webkit-linear-gradient(left,#34495e,#475f77);background:linear-gradient(90deg,#34495e,#475f77);margin-top:15px}
.article-content figcaption{text-align:center;font-size:.8em;color:var(--muted-2-color)}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{padding:10px 10px 5px;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.3)),color-stop(60%),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.3) 0,60%,transparent);font-size:1em;text-shadow:0 0 5px rgba(0,0,0,.5)}
.article-content .title-theme{padding:.1em 1.1em;border:none;color:var(--theme-color)}
.quote_q{padding:1.2em;margin:10px 0 20px 0;opacity:.8;position:relative;--quote-color:var(--main-color);color:var(--quote-color)}
.quote_q>p{margin:0}
.quote_q:after{content:"";border-radius:6px;position:absolute;bottom:0;left:0;opacity:.05;right:0;background:var(--quote-color);top:0}
.quote_q .fa{opacity:.6}
.qe_wzk_c-red{--quote-color:#dc3f3f}
.qe_wzk_lan{--quote-color:#035b8a}
.qe_wzk_lv{--quote-color:#23790e}
.quote_q .fa-quote-left{font-size:2.2em;margin-right:.5em;float:left}
.alert{padding:1.2em 2.2em;position:relative;color:#fff;border:none;min-height:40px;border-radius:12px;box-shadow:0 2px 10px 0 rgba(0,0,0,.15)}
.alert:before{font:normal normal normal 18px/1 FontAwesome;position:absolute;left:-15px;top:50%;background:inherit;width:30px;height:30px;text-align:center;padding:4px 0;border-radius:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:3px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.19)}
.alert.jb-blue:before{content:"\f00c"}
.alert.jb-green:before{content:"\f0a1"}
.alert.jb-yellow:before{content:"\f12a"}
.alert.jb-red:before{content:"\f00d"}
.alert-dismissable,.alert-dismissible{padding:0 15px 0 20px;position:relative}
.alert-dismissible button.close{padding:10px;z-index:9;right:-20px;--muted-2-color:#fff;-webkit-transition:all .2s;transition:all .2s}
.feature{width:calc(25% - 14px);border-radius:8px;text-align:center;display:inline-block;vertical-align:middle;margin:5px;-webkit-transition:.3s;transition:.3s;box-shadow:0 0 10px var(--main-shadow)}
.feature:hover{box-shadow:none}
.feature-icon{font-size:50px;padding:20px 0}
.feature-title{padding:0 10px}
.feature-note{opacity:.6;line-height:1.5em;padding:5px 10px 10px 10px;font-size:.8em}
input:focus,textarea:focus{border-color:#90d1f6}
.icon-close{-webkit-transition:.2s;transition:.2s;cursor:pointer}
.wp-block-zibllblock-alert a{color:#fff!important;font-style:italic!important}
.wp-block-zibllblock-alert a:hover{opacity:.8}
.wp-block-carousel{margin-bottom:20px}
.wp-block-carousel img{height:100%}
.wp-block-carousel .carousel{overflow:hidden;border-radius:8px}
.wp-block-carousel .carousel.swiper-container-cube,.wp-block-carousel .carousel.swiper-container-flip{overflow:visible}
.wp-block-carousel .carousel li,.wp-block-carousel .carousel ul{list-style:none;margin:0}
.wp-block-carousel .carousel .swiper-slide figure{height:100%;width:100%}
.wp-block-zibllblock-collapse .panel{border-radius:8px;box-shadow:none;border-color:var(--main-border-color);background:0 0;-webkit-box-shadow:none}
.box-img,.wp-block-zibllblock-collapse .panel-heading[href]{cursor:pointer}
.wp-block-zibllblock-collapse .panel-heading .fa{margin-right:20px;color:var(--focus-color);-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.wp-block-zibllblock-collapse .panel-heading.collapsed .fa{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.wp-block-carousel figcaption a{color:#fff!important}
.wp-block-carousel .swiper-pagination{text-align:right;padding:0 10px}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{font-size:.8em;padding:10px 10px 3px;line-height:18px}
.but{border-radius:4px;display:inline-block;border-radius:4px;-webkit-transition:.15s;transition:.15s;border:1px solid var(--this-border);vertical-align:middle;padding:.3em .5em;text-align:center;box-shadow:var(--this-shadow);background:var(--this-bg);color:var(--this-color);--main-color:var(--this-color);--this-bg:rgba(136, 136, 136, 0.1);--this-border:transparent;--this-shadow:none;--this-color:#888;line-height:1.44}
.but a{color:inherit}
.but svg.icon,.but>.fa{margin-right:.25em}
.but.radius,.radius>.but{border-radius:50px;padding:.3em .8em}
.but.hollow{background:0 0;--this-border:var(--this-color)}
.but:focus,.but:hover{opacity:.8;color:var(--this-color)}
.but:active{--this-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.08)}
.but.hollow:hover{background:var(--this-color);color:#fff}
.but.padding-lg,.padding-lg{padding:.5em 2em}
.b-blue,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{color:#fff;background:var(--this-bg);--this-color:#fff}
.jb-blue,.jb-green,.jb-purple,.jb-red,.jb-yellow{border:none}
.b-theme{--this-bg:var(--focus-color)}
.b-red{--this-bg:#ff5473}
.b-yellow{--this-bg:#ff6f06}
.b-blue{--this-bg:#2997f7}
.b-green{--this-bg:#12b928}
.b-purple{--this-bg:#d448f5}
.c-blue,.c-green,.c-purple,.c-red,.c-yellow{color:var(--this-color)}
.c-red{--this-color:#ff5473;--this-bg:rgba(255, 84, 115, 0.1)}
.c-yellow{--this-color:#ff6f06;--this-bg:rgba(255, 111, 6, 0.1)}
.c-blue{--this-color:#2997f7;--this-bg:rgb(41, 151, 247, 0.1)}
.c-green{--this-color:#12b928;--this-bg:rgba(18, 185, 40, 0.1)}
.c-purple{--this-color:#d448f5;--this-bg:rgba(213, 72, 245, 0.1)}
.jb-red{--this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)}
.jb-yellow{--this-bg:linear-gradient(135deg, #fdab64 10%, #f7631d 100%)}
.jb-blue{--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)}
.jb-green{--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)}
.jb-purple{--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)}
.modal{padding-right:0!important}
.modal-title{line-height:1;font-size:16px}
.modal-content{border-radius:8px;background:var(--main-bg-color);border:none}
.modal-footer,.modal-header{border-color:var(--main-border-color)}
.modal-dialog .but{margin:0 .4em}
.modal.fade .modal-dialog{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:-webkit-transform .5s cubic-bezier(.32,.85,.45,1.18);transition:-webkit-transform .5s cubic-bezier(.32,.85,.45,1.18);transition:transform .5s cubic-bezier(.32,.85,.45,1.18);transition:transform .5s cubic-bezier(.32,.85,.45,1.18),-webkit-transform .5s cubic-bezier(.32,.85,.45,1.18)}
.modal.in .modal-dialog{-webkit-transform:scale(1);transform:scale(1)}
.mr6{margin-right:6px}
.mr10{margin-right:10px}
.ml6{margin-left:6px}
.ml10{margin-left:10px}
.mt6{margin-top:6px}
.mt10{margin-top:10px}
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ellipsis-2{height:2.8em;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}
.text-ellipsis-3{height:4.2em;line-height:1.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal}
.separator:after,.separator:before{content:"";background:var(--main-border-color);width:20%;vertical-align:middle;height:1px;display:inline-block;margin:0 1em}
.modal{position:fixed;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop{position:fixed}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{min-height:16.43px;padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:10% auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}
@media (min-width:992px){.modal-lg{width:900px}
}
.article-content figcaption{text-align:center;font-size:.8em;color:var(--muted-2-color)}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{padding:10px 10px 5px;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.3)),color-stop(60%),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.3) 0,60%,transparent);font-size:1em;text-shadow:0 0 5px rgba(0,0,0,.5)}
.article-content .title-theme{padding:.1em 1.1em;border:none;color:var(--theme-color)}
.wp-block-zibllblock-buttons .but{margin:.4em;display:inline-block;padding:.375rem 1rem;border-radius:5px}
.quote_q{padding:.5em;margin:10px 0 20px 0;opacity:.8;position:relative;--quote-color:var(--main-color);color:var(--quote-color)}
.quote_q>p{margin:0}
.quote_q:after{content:"";border-radius:6px;position:absolute;bottom:0;left:0;opacity:.05;right:0;background:var(--quote-color);top:0}
.quote_q .fa{opacity:.6}
.qe_wzk_c-red{--quote-color:#dc3f3f}
.qe_wzk_lan{--quote-color:#035b8a}
.qe_wzk_lv{--quote-color:#23790e}
.quote_q .fa-quote-left{font-size:.5em;margin-right:1.5em;float:left}
.alert{padding:.5em 2.2em;position:relative;color:#fff;border:none;min-height:40px;border-radius:12px;box-shadow:0 2px 10px 0 rgba(0,0,0,.15)}
.alert:before{font:normal normal normal 18px/1 FontAwesome;position:absolute;left:-15px;top:50%;background:inherit;width:30px;height:30px;text-align:center;padding:4px 0;border-radius:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:3px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.19)}
.alert.jb-blue:before{content:"\f00c"}
.alert.jb-green:before{content:"\f0a1"}
.alert.jb-yellow:before{content:"\f12a"}
.alert.jb-red:before{content:"\f00d"}
.alert-dismissable,.alert-dismissible{padding:0 15px 0 20px;position:relative}
.alert-dismissible button.close{padding:10px;z-index:9;right:-20px;--muted-2-color:#fff;-webkit-transition:all .2s;transition:all .2s}
.feature{width:calc(25% - 14px);border-radius:8px;text-align:center;display:inline-block;vertical-align:middle;margin:5px;-webkit-transition:.3s;transition:.3s;box-shadow:0 0 10px var(--main-shadow)}
.feature:hover{box-shadow:none}
.feature-icon{font-size:50px;padding:20px 0}
.feature-title{padding:0 10px}
.feature-note{opacity:.6;line-height:1.5em;padding:5px 10px 10px 10px;font-size:.8em}
input:focus,textarea:focus{border-color:#90d1f6}
.icon-close{-webkit-transition:.2s;transition:.2s;cursor:pointer}
.wp-block-zibllblock-alert a{color:#fff!important;font-style:italic!important}
.wp-block-zibllblock-alert a:hover{opacity:.8}
.wp-block-carousel{margin-bottom:20px}
.wp-block-carousel img{height:100%}
.wp-block-carousel .carousel{overflow:hidden;border-radius:8px}
.wp-block-carousel .carousel.swiper-container-cube,.wp-block-carousel .carousel.swiper-container-flip{overflow:visible}
.wp-block-carousel .carousel li,.wp-block-carousel .carousel ul{list-style:none;margin:0}
.wp-block-carousel .carousel .swiper-slide figure{height:100%;width:100%}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.box-img,.wp-block-zibllblock-collapse .panel-heading[href]{cursor:pointer}
.wp-block-zibllblock-collapse .panel-heading .fa{margin-right:20px;color:var(--focus-color);-webkit-transition:.3s;transition:.3s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.wp-block-zibllblock-collapse .panel-heading.collapsed .fa{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.wp-block-carousel figcaption a{color:#fff!important}
.wp-block-carousel .swiper-pagination{text-align:right;padding:0 10px}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{font-size:.8em;padding:10px 10px 3px;line-height:18px}
.panel-body{padding:0 15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.tab-nav-theme li:before,.title-h-center:before,.title-h-left:before,.title-theme:before,.zib-widget>h3:before{position:absolute;content:"";width:4px;background:var(--theme-color);top:10%;left:2px;bottom:10%;border-radius:5px;box-shadow:1px 1px 3px -1px var(--theme-color)}
.title-theme{position:relative;padding-left:1.2em;font-size:15px}
.fade.in{opacity:1}
.alert-dismissible button.close{padding:10px;z-index:9;right:-20px;--muted-2-color:#fff;-webkit-transition:all .2s;transition:all .2s}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}
.close{-webkit-transition:.2s;transition:.2s;opacity:.4;color:var(--muted-color)}
.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
svg:not(:root){overflow:hidden}
.ic-close,.match-ok,.navbar-top .sub-menu li>a{-webkit-transition:.3s;transition:.3s}
svg{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
.wp-block-zibllblock-modal .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.entry-footer .post-meta-box{margin-top:0;padding:1px 5px 8px 6px;border-top:1px solid #ebeef5;/*line-height:12px;height:32px;*/
    /*display: flex;
    padding: 5px 15px;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid #ebeef5;
    color: #b4b4b4;
    margin: -15px;
    margin-top: 10px;
    list-style: none;*/
}
.post-grid .entry-wrapper{padding:1px 8px 2px 8px}
.entry-footer .post-meta-box:hover{border-top:1px solid #ebeef5}
.post-list-item:hover .post-module-thumb i.b2-play1{transition:color .5s;color:#fff}
.post-list-meta-box{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:-43px;padding:6px 10px;background:rgba(0,0,0,.4);width:100%;transition:bottom .2s ease}
.post-list-meta-box{color:#fff}
.post-grid:hover .post-list-meta-box{bottom:0;transition:bottom .2s ease}
.post-list-cat{font-size:12px}
a.post-list-cat-item{color:#fff;padding:0 5px;height:20px;line-height:20px;display:none}
.post-list-meta-box .post-list-cat a:first-child{display:block}
.post-list-meta{display:flex;font-size:12px;align-items:center}
.post-list-meta-views{padding-right:5px}
.post-list-meta-avatar{display:flex;align-items:center}
.post-list-meta-avatar img{width:24px;height:24px;display:inline-block;border-radius:100%;margin-right:5px;position:relative}
.post-list-meta-like{padding-right:5px}
.post-list-meta-comment{padding-right:5px}
.post-grid .entry-media{overflow:hidden;border-radius:5px}
.post .entry-media{overflow:hidden;border-radius:5px}
.post:hover .post-list-meta-box{bottom:0;transition:bottom .2s ease}
.b2-radius{border-radius:5px}
.post-list-meta li{list-style:none;margin-bottom:0}
/*.u-text-format h1,.u-text-format h2,.u-text-format h3,.u-text-format h4,.u-text-format h5,.u-text-format h6{margin-bottom:1rem}
.u-text-format h1{font-size:1.625rem}
.u-text-format h2{font-size:1.25rem;border-left:3px solid #448ef6;padding-left:15px;border-bottom:0 solid #f0f4f5}
.u-text-format h3{position:relative;font-size:1.125rem;padding-left:20px}
.u-text-format h3:before{content:"";position:absolute;top:10px;left:0;height:8px;width:8px;border-radius:20px}
.u-text-format h4{font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid #f2f2f5}
.u-text-format h5{font-size:.875rem}
.u-text-format h6{font-size:.75rem}
*/
    /* 绿色主题重写 */
        .u-text-format h1,
        .u-text-format h2,
        .u-text-format h3,
        .u-text-format h4,
        .u-text-format h5,
        .u-text-format h6 {
            margin-bottom: 1.5rem;
            font-weight: 700;
            line-height: 1.3;
            position: relative;
        }


        /* 修复H1 - 移除左边框问题 */
        .u-text-format h1 {
            font-size: 2.1rem;
            padding: 1.6rem;
            text-align: center;
            background: linear-gradient(135deg, rgba(0, 102, 0, 0.15), rgba(0, 153, 0, 0.15));
            color: #060;
            position: relative;
            overflow: hidden;
            border-radius: 12px !important;
            margin: 2rem 0;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            letter-spacing: 1px;
            z-index: 1;
            /* 明确设置边框为none，防止继承问题 */
            border: none !important;
            border-left: none !important;
            border-right: none !important;
            border-top: none !important;
            border-bottom: none !important;
        }

        .u-text-format h1::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: linear-gradient(45deg, #060, #090, #0c0, #060);
            background-size: 400% 400%;
            border-radius: 14px !important;
            z-index: -1;
            animation: gold-rotate 4s linear infinite;
            filter: blur(8px);
            opacity: 0.7;
        }

        .u-text-format h1::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(232, 245, 233, 0.9));
            border-radius: 12px !important;
            z-index: -1;
            /* 确保内层没有边框 */
            border: none;
        }
		
        /* H2 - 全新绿色浮雕效果 */
        .u-text-format h2 {
            font-size: 1.8rem;
            padding: 1.5rem;
            text-align: center;
            color: #060;
            position: relative;
            margin: 2rem 0;
            border-radius: 8px!important;
            background: linear-gradient(135deg, rgba(0, 102, 0, 0.05), rgba(0, 153, 0, 0.1));
            box-shadow: 
                0 4px 6px rgba(0, 0, 0, 0.05),
                inset 0 1px 0 rgba(255, 255, 255, 0.8),
                0 0 0 1px rgba(0, 102, 0, 0.2);
            overflow: hidden;
            transition: all 0.4s ease;
            border: none !important;
            border-left: none !important;
            border-right: none !important;
            border-top: none !important;
            border-bottom: none !important;
        }

        .u-text-format h2::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(0, 153, 0, 0.2), 
                transparent);
            transition: left 0.7s ease;
        }

        .u-text-format h2:hover::before {
            left: 100%;
        }

        .u-text-format h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 3px;
            background: linear-gradient(90deg, #060, #090);
            transition: width 0.5s ease;
        }

        .u-text-format h2:hover::after {
            width: 100%;
        }

        /* H3 - 类似H5悬停效果，加大字号和左边框 */
        .u-text-format h3 {
            position: relative;
            font-size: 1.175rem; /* 加大字号 */
            padding: 0.6rem 0.6rem 0.6rem 0.7rem; /* 调整内边距 */
            color: #060;
            margin: 1.5rem 0;
            border-left: 8px solid rgba(0, 102, 0, 0.6); /* 加粗左边框 */
            background: linear-gradient(90deg, rgba(242, 244, 240, 1.00), transparent);
            border-radius: 0 8px 8px 0;
            transition: all 0.4s ease;
            /*cursor: pointer;*/
			cursor: default; /* 去掉小手，使用默认箭头 */
			/* cursor: text; 显示文本光标 */
            overflow: hidden;
        }

        /* H3悬停效果 */
        .u-text-format h3:hover {
            border-left-color: #090; /* 悬停时边框变亮绿色 */
            background: linear-gradient(90deg, rgba(0, 153, 0, 0.1), transparent);
            transform: translateX(3px); /* 增强滑动距离 */
            padding-left: 0.8rem; /* 增强内边距变化 */
            box-shadow: 0 4px 15px rgba(0, 102, 0, 0.2);
        }

        /* H3绿色光效 */
        .u-text-format h3::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(0, 153, 0, 0.15), 
                transparent);
            transition: left 0.6s ease;
            z-index: -1;
        }

        .u-text-format h3:hover::before {
            left: 100%;
        }

        /* 移除原始H3的圆点 */
        .u-text-format h3:before.original-dot {
            display: none;
        }
		
		
        /* H4 - 简洁现代 */
        .u-text-format h4 {
            font-size: 1rem;
            padding-bottom: .5rem;
            border-bottom: 1px solid rgba(0, 102, 0, 0.3);
            color: #060;
            margin: 1.25rem 0;
            position: relative;
        }

        .u-text-format h4::after {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 80px;
            height: 2px;
            background: linear-gradient(90deg, #060, transparent);
        }

        /* H5 - 精致样式 */
        .u-text-format h5 {
            font-size: .875rem;
            padding: 0.5rem 0 0.5rem 0.5rem;
            color: #2c4a2c;
            border-left: 3px solid rgba(0, 102, 0, 0.3);
            transition: all 0.3s ease;
            margin: 1rem 0;
        }

        .u-text-format h5:hover {
            border-left-color: #060;
            background: rgba(0, 102, 0, 0.05);
            transform: translateX(5px);
            padding-left: 1rem;
        }

        /* H6 - 最小标题 */
        .u-text-format h6 {
            font-size: .75rem;
            color: #2c4a2c;
            padding: 0.5rem 0;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-weight: 600;
            border-bottom: 1px dashed rgba(0, 102, 0, 0.3);
            margin-bottom: 1rem;
            position: relative;
        }

        .u-text-format h6::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 50%;
            height: 1px;
            background: linear-gradient(90deg, #060, transparent);
        }

        /* 动画定义 */
        @keyframes gold-rotate {
            0% {
                background-position: 0% 50%;
                transform: rotate(0deg);
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
                transform: rotate(360deg);
            }
        }



/* 为h1-h6内的链接添加颜色样式 */
.u-text-format h1 a,
.u-text-format h2 a,
.u-text-format h3 a,
.u-text-format h4 a,
.u-text-format h5 a,
.u-text-format h6 a {
    color: #060;
	font-weight:700;
    text-decoration: none;
    transition: all 0.3s ease;
}

.u-text-format h1 a:link,
.u-text-format h2 a:link,
.u-text-format h3 a:link,
.u-text-format h4 a:link,
.u-text-format h5 a:link,
.u-text-format h6 a:link {
    color: #060;
}

.u-text-format h1 a:visited,
.u-text-format h2 a:visited,
.u-text-format h3 a:visited,
.u-text-format h4 a:visited,
.u-text-format h5 a:visited,
.u-text-format h6 a:visited {
    color: #1a3b1a;
}

.u-text-format h1 a:hover,
.u-text-format h2 a:hover,
.u-text-format h3 a:hover,
.u-text-format h4 a:hover,
.u-text-format h5 a:hover,
.u-text-format h6 a:hover {
    color: #090;
}

.u-text-format h1 a:visited:hover,
.u-text-format h2 a:visited:hover,
.u-text-format h3 a:visited:hover,
.u-text-format h4 a:visited:hover,
.u-text-format h5 a:visited:hover,
.u-text-format h6 a:visited:hover {
    color: #090;
}

.u-text-format h1 a:active,
.u-text-format h2 a:active,
.u-text-format h3 a:active,
.u-text-format h4 a:active,
.u-text-format h5 a:active,
.u-text-format h6 a:active {
    color: #060;
    opacity: 0.8;
}

.u-text-format h1 a:visited:active,
.u-text-format h2 a:visited:active,
.u-text-format h3 a:visited:active,
.u-text-format h4 a:visited:active,
.u-text-format h5 a:visited:active,
.u-text-format h6 a:visited:active {
    color: #1a3b1a;
    opacity: 0.8;
}




        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                /*padding: 1rem;*/
            }
            
            .content {
                padding: 1.5rem;
            }
            
            .u-text-format h1 {
                font-size: 1.5rem;
                padding: 1.2rem 0.6rem;
            }
            
            .u-text-format h2 {
                font-size: 1.15rem;
                padding: 1.05rem 0.5rem 1.05rem 0.8rem;
            }
            
            .u-text-format h3 {
                font-size: 1.05rem;
                padding: 0.675rem 0.575rem 0.675rem 0.8rem;
            }			
        }
/*.u-text-format p a{font-weight:500;text-decoration:none;transition:color .3s ease 0s,background-color .3s ease 0s;-moz-transition:color .3s ease 0s,background-color .3s ease 0s;-o-transition:color .3s ease 0s,background-color .3s ease 0s;-webkit-transition:color .3s ease 0s,background-color .3s ease 0s;padding-top:.2em}
.u-text-format p a:hover{color:#f44336!important}*/
/*@media (max-width:768px){.go-down{display:block;width:100%}
*/

.u-text-format p a {
    font-weight: 600; /* 加粗字体 */
    text-decoration: none;
    transition: color .3s ease 0s, background-color .3s ease 0s, border .3s ease 0s;
    -moz-transition: color .3s ease 0s, background-color .3s ease 0s, border .3s ease 0s;
    -o-transition: color .3s ease 0s, background-color .3s ease 0s, border .3s ease 0s;
    -webkit-transition: color .3s ease 0s, background-color .3s ease 0s, border .3s ease 0s;
    padding-top: .2em;
    border-bottom: 2px dotted #060; 
    border-radius: 1px; 
    color:  #060; 
    padding: 0.1em 0.2em 0.2em; /* 调整内边距，底部稍多 */
    background-color: transparent; /* 确保背景透明 */
}

/* 未访问链接样式 */
.u-text-format p a:link {
    text-decoration: none;
    border-bottom: 2px dotted #060; /* 加粗绿色下划线 */
    color: #060;
}

/* 已访问链接样式 */
.u-text-format p a:visited {
    text-decoration: none;
    border-bottom: 2px dotted #060; /* 加粗绿色下划线 */
    color: #2c4a2c; /* 柔和绿色文字 */
    font-weight: 600; /* 确保已访问状态也加粗 */
}

/* 悬停效果增强 */
.u-text-format p a:hover {
    background-color: #e8f5e9; 
    border-bottom: 2px dotted #090; 
    color: #090; /* 亮绿色文字 */
    text-decoration: none; /* 确保无其他下划线 */
}

/* 已访问链接悬停效果 */
.u-text-format p a:visited:hover {
    background-color: #e8f5e9;
    border-bottom: 2px dotted #060;
    color: #060; /* 保持绿色文字 */
    text-decoration: none;
}

/* 激活状态 */
.u-text-format p a:active {
    border-bottom: 2px dotted #090; /* 点击时亮绿色 */
    color: #090;
}

.u-text-format p a:visited:active {
    border-bottom: 2px dotted #060; /* 点击时绿色 */
    color: #060;
}
.meta .boosvip-abs{text-align:center;color:#fd721f;font-size:14px;display:inline-block}
}
.mb-4,.my-4{margin-bottom:1.5rem!important}
.mt-4,.my-4{margin-top:1.5rem!important}
.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.d-flex{display:-ms-flexbox!important;display:flex!important}
.media{position:relative;display:block;overflow:hidden;padding:0;-ms-flex-negative:0;flex-shrink:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
.rounded,.rounded-circle{overflow:hidden}
.rounded{border-radius:3px!important;height:120px}
.nice-dark-mode,.nice-dark-mode a:not(.btn){color:#fff}
.post-content a:not(.btn){color:#448ef6;text-decoration:underline}
a:link,a:visited{text-decoration:none}
.media-content{position:absolute;top:0;bottom:0;left:0;right:0;border:0;border-radius:inherit;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:rgba(120,120,120,.1)}
.media-3x2:after{padding-top:66.66666%}
.media:after{content:'';display:block;padding-top:100%}
.post-pushed-item .post-pushed-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-pack:center;justify-content:center}
.pl-3,.px-3{padding-left:1rem!important}
.post-pushed-item .post-pushed-content{-ms-flex:1 1 auto;flex:1 1 auto}
.post-pushed-item .post-pushed-content a,.post-pushed-item .post-pushed-footer a{text-decoration:none}
.nice-dark-mode .post-content figure,.nice-dark-mode .text-secondary,.nice-dark-mode p{color:#b1b1c1!important}
.h-2x{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nice-dark-mode .text-muted{color:#585c5f!important}
.text-muted{color:#9ca0ad!important}
.text-xs{font-size:.75rem!important}
.text-muted{color:#6c757d!important}
@media (min-width:768px){.d-md-inline-block{display:inline-block!important}
}
@media (min-width:768px){.ml-md-2,.mx-md-2{margin-left:.5rem!important}
.mr-md-2,.mx-md-2{margin-right:.5rem!important}
}
.ml-1,.mx-1{margin-left:.25rem!important}
.mr-1,.mx-1{margin-right:.25rem!important}
.bg-light{background-color:#f2f2f5!important}
.ripro-dark .bg-light{background-color:#383e43!important}
.post-pushed-item{padding:1rem!important;margin:1rem!important}
@media (max-width:544px){.yuan_price{display:flex;margin:0 auto}
.pricing-options li{padding:10px 0 0 0;font-size:.75rem;cursor:pointer;color:#8c8c8c}
}
.description{margin-top:5px;line-height:16px;font-size:14px;width:100%;color:#6c6c6c;font-weight:400;position:relative;margin-left:10px}
.description span{font-size:12px;margin-right:10px;background:#eff0f1;padding:6px 13px;border-radius:3px;color:#8c8c8c}
.description a{color:#8c8c8c}
@media (max-width:768px){.description{display:none}
}
@media (max-width:768px){.btn-qq,.meta .btn-buy{line-height:24px;width:100%}
}


.shufa-btn-1{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#2f49fd,#0056ff,#0295f9,#2f49fd);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-1:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-2{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#ff2207,#ff5722,#9c27b0,#ff1a07);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-2:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-3{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#171616,#999,#555,#171616);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-3:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-4{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#310797,#5a78dd,#34495e,#310797);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-4:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-5{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#057e03,#3dc565,#328907,#057e03);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-5:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-6{margin-top:15px;line-height:34px;margin-right:5px;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;font-size:.875rem;width:155px}
.shufa-btn-6:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-7{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg,#690,#467219,#509821,#699);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-7:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.shufa-btn-8{margin-top:15px;line-height:34px;margin-right:5px;background:linear-gradient(90deg, #903,#933,#963,#993);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:155px}
.shufa-btn-8:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-1{margin-top:15px;line-height:34px;margin-right:6px;background: linear-gradient(90deg, #bb8a2a, #b88a32, #d9a441, #bb8a2a);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-1:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-2{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#ff2207,#ff5722,#9c27b0,#ff1a07);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-2:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-3{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#171616,#999,#555,#171616);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-3:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-4{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#310797,#5a78dd,#34495e,#310797);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-4:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-5{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#057e03,#3dc565,#328907,#057e03);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-5:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-6{margin-top:15px;line-height:34px;margin-right:6px;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;font-size:.875rem;width:150px}
.pd-btn-6:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-7{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#204060,#2d5986,#6699cc, #336699);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-7:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-8{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#b30059,#cc0066,#ff0080,#ff3399);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-8:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-9{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#202060,#3939ac,#7979d2,#c6c6ec);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-9:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.pd-btn-10{margin-top:15px;line-height:34px;margin-right:6px;background:linear-gradient(90deg,#006666,#007f80,#009999,#00cccc);background-size:1400% 300%;animation:mymove 10s ease infinite;-webkit-animation:mymove 10s ease infinite;-moz-animation:mymove 10s ease infinite;color:#fff;font-size:.875rem;width:150px}
.pd-btn-10:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);-webkit-box-shadow:#333;box-shadow:#333;background-color:#333;color:#fff}
.zhankewang-down{width:130px;border-radius:0!important;color:#333!important}
@media (max-width:768px){.zhankewang-down{width:100%}
}
.zhankewang-xz{margin:0!important;background:linear-gradient(-125deg,#467eff 0,#0056ff 100%)!important;box-shadow:0 3px 10px -1px #2c63ff!important}
.widget-pay{ display:block; width:83%; padding:0 10px;}
@media screen and (max-width:1248px){.widget-pay{ display:block; width:98%; padding:0 10px;border-top:2px dotted #e6e6e6;}
}
@media screen and (max-width:971px){.widget-pay{ display:block; width:98%; padding:0 10px;border-top:2px dotted #e6e6e6;}
}
@media (max-width:768px){.widget-pay{ display:block; width:98%; padding:0 10px;border-top:2px dotted #e6e6e6;}
}
@media screen and (min-width:1248px){.widget-pay{ display:block; width:98%; padding:0 10px;border-top:2px dotted #e6e6e6;}
}

.vip-row-new{margin-bottom:15px;margin-top:-20px;}
.vip-row-new .vip-item{display:block;margin:0 auto;text-align:center}
.vip-row-new .vip-item .sc{margin-right:auto;margin-left:auto;padding-top:1px;}
.vip-row-new .vip-item .sc-hd strong{display:block;color:#001529;font-weight:700;font-size:1.3rem;line-height:34px}
.vip-row-new .vip-item .sc-hd span{display:block;color:#999;text-transform:uppercase;font-size:.75rem;line-height:1}
.vip-row-new .vip-item .sc-bd{background:#fff;border-radius:4px;padding:3px 30px;border-radius: 4px;}
.vip-row-new .vip-item .sc-bd .faq-list{text-align:left}
.vip-row-new .vip-item .faq-list .item{padding-top:1rem;padding-bottom:1rem;border-bottom:1px solid #ebebeb;cursor: pointer;}
.vip-row-new .vip-item .faq-list .item .hd{position:relative;background-color:#fff;color:#001529;font-size:1rem}
.vip-row-new .vip-item .faq-list .item .bd{display:none;padding-top:1rem;font-size:0.85rem}
.vip-row-new .vip-item .faq-list .item.active .bd{display:block}
.vip-row-new .vip-item .faq-list .item .hd:after{position:absolute;top:10px;right:20px;width:10px;height:10px;border-top:2px solid #cacaca;border-right:2px solid #cacaca;content:'';transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transform:rotate(45deg)}
.vip-row-new.vip-item .faq-list .item.active .hd:after{transform:rotate(135deg)}
:root {
    /* 主色调 - 清新翠绿 */
    --primary-color: #4caf50;
    
    /* 文字颜色 - 墨绿到翠绿的渐变 */
    --col1-text: #1e3a1e;      /* 墨绿 */
    --col2-text: #2e7d32;      /* 森林绿 */
    --col3-text: #388e3c;      /* 翠绿 */
    
    /* 背景色 - 极浅薄荷 */
    --col2-bg: #e8f5e9;        /* 薄荷绿背景 */
    
    /* 边框颜色 - 嫩绿 */
    --col2-border: #81c784;    /* 嫩绿边框 */
    
    /* 访问过链接颜色 */
    --visited-color: #1b5e20;  /* 深森林绿 */
    
    /* 表头渐变 - 清新绿渐变 */
    --th-gradient: linear-gradient(145deg, #2e7d32 0%, #4caf50 70%, #81c784 100%);
    
    /* 斑马纹背景 - 极浅薄荷 */
    --bg-zebra: #f1f8e9;       /* 浅薄荷 */
    
    /* 边框颜色 - 浅灰绿 */
    --border-color: #c8e6c9;   /* 嫩绿灰 */
    
    /* 基础间距 */
    --base-gap: 12px;
    
    /* 辅助色 */
    --accent-light: #f5fbf5;   /* 最浅薄荷 */
    --accent-hover: #a5d6a7;   /* 浅绿悬停 */
    --shadow-color: rgba(76, 175, 80, 0.2); /* 翠绿阴影 */
}
    .service-container {
        max-width: 1440px;
        margin: 0 auto 1rem;
        padding: 1rem;
        background: white;
        border-radius: 4px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    }

    .service-table {
        width: 100%;
        border-collapse: collapse;
        background: white;
        margin-bottom: 2rem;
        table-layout: fixed;
    }

    /* 表头特效 */
    .service-table thead th {
        background: var(--th-gradient);
        color: white;
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
        position: relative;
        transition: all 0.3s ease;
        border: none;
    }

    .service-table thead th::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 100%;
        height: 3px;
        background: rgba(255,255,255,0.2);
    }

    .service-table thead th:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 15px rgba(139,69,19,0.3);
    }

    /* 桌面端样式 */
    @media (min-width: 992px) {
        .service-table {
            border-radius: 4px;
            overflow: hidden;
        }

        .service-table th:nth-child(1),
        .service-table td:nth-child(1) { width: 15%; }
        .service-table th:nth-child(2),
        .service-table td:nth-child(2) { width: 80%; }
        .service-table th:nth-child(3),
        .service-table td:nth-child(3) { width: 5%; }

        .service-table thead th {
            padding: 0.9rem 1.8rem;
            font-size: 1.2rem;
        }

        .service-table td {
            padding: 1.2rem 1.5rem;
            border-bottom: 1px solid #eee;
            vertical-align: middle;
        }

        .service-table td:nth-child(1) {
            font-weight: 600;
            font-size:1.5em;
			text-align:center;
        }

        /* 列表项优化 */
        .service-features-list {
            gap: 10px 16px;
            margin: -2px; /* 补偿间隙 */
        }

        .service-features-list li {
            margin: 2px;
            padding: 1px;
        }

        .service-features-list a {
            padding: 8px 14px;
            line-height: 1.6;
        }
    }

    /* 平板设备 (768px-991px) */
    @media (max-width: 991px) and (min-width: 768px) {
        .service-features-list {
            gap: 8px 12px;
        }
        
        .service-features-list a {
            padding: 6px 12px;
        }
    }

    /* 移动端主样式 */
    @media (max-width: 767px) {
        .service-container {
            padding: 0.6rem;
        }

        .service-table tbody tr {
            margin-bottom: 1rem;
            padding: 0.1rem;
        }

        .service-table td {
            padding: 0.8rem 0;
        }

        .service-features-list {
            gap: 6px 10px;
            margin: 0.5rem 0 !important;
        }

        .service-features-list li {
            margin: 2px;
            padding: 1px;
        }

        .service-features-list a {
            padding: 6px 10px;
            line-height: 1.5;
        }
		
		
		
.note-section dl, ol, ul {
    margin: 10px 0;
    padding-left: 5px;
}		
		
		
		
    }

    /* 移动端通用样式 */
    @media (max-width: 991px) {
        .service-table thead {
            display: none;
        }

        .service-table tbody tr {
            display: block;
            border: 1px solid var(--border-color);
            border-radius: 4px;
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }

        .service-table td {
            display: block;
            text-align: left;
            border: none;
            border-bottom: 1px solid #f3f3f3;
            width: 100% !important;
        }

        /* 隐藏元素 */
        .service-item-title,
        td[data-label="备注说明"],td[data-label="书法字典"],td[data-label="书法名家"],td[data-label="传世名帖"],td[data-label="毛笔写法"],td[data-label="毛笔学习"],td[data-label="硬笔写法"],td[data-label="硬笔学习"],td[data-label="篆刻艺术"],td[data-label="美术绘画"],td[data-label="会员投稿"] {
            display: none !important;
        }

        /* 数据标签样式 */
        .service-table td::before {
            content: attr(data-label) !important;
            display: block !important;
            font: 700 1.1rem/1.2 sans-serif;
            color: var(--primary-color);
            margin: 0 0 0.8rem;
            padding: 0.4rem 0.8rem;
            background: var(--col2-bg);
            border-radius: 4px;
            width: fit-content;
            box-shadow: 0 2px 4px rgba(0,0,0,0.08);
            position: relative;
            left: -0.5rem;
        }

        .service-table td:nth-child(3)::before {
            background: var(--bg-zebra);
            border-left: 3px solid var(--primary-color);
        }
    }

    /* 超小屏幕优化 */
    @media (max-width: 576px) {
        .service-table td {
            font-size: 0.95em;
        }

        .service-features-list {
            gap: 4px 8px;
        }

        .service-features-list a {
            padding: 5px 8px;
            font-size: 0.9em;
        }

        .service-table td::before {
            font-size: 1rem !important;
            padding: 0.3rem 0.6rem;
            left: -0.3rem;
            margin-bottom: 0.6rem;
        }
    }

    /* 公共组件样式 */
    .service-features-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: calc(var(--base-gap) / 2) var(--base-gap);
    }

    .service-features-list li {
        background: var(--col2-bg);
        border: 1px solid var(--col2-border);
        border-radius: 4px;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        box-sizing: border-box;
    }

    .service-features-list a {
        display: inline-block;
        color:#704214;
        text-decoration: none;
        transition: all 0.2s;
        white-space: nowrap;
    }

    /* 交互状态 */
    .service-features-list li:hover {
        background: #fff5eb;
        transform: translateY(-1px);
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    .service-features-list a:hover {
        color: var(--link-hover);
    }

    .service-features-list a:visited {
        color: var(--visited-color);
        opacity: 0.9;
    }

    .service-features-list a:active {
        transform: scale(0.98);
    }

    .note-section {
        margin-top:-1rem;
        padding: 1rem;
        background: var(--bg-zebra);
        border-radius: 4px;
        border-left: 4px solid var(--primary-color);
    }

    .note-title {
        color: var(--primary-color);
        margin-bottom: 1rem;
        font-size: 1.1em;
        font-weight: 700;
    }
	
	
	
	
	
	
	
/* 基础变量定义 */
:root {
  --shufa2025-primary-color: #fff;
  --shufa2025-transition: all 0.3s ease;
  --shufa2025-max-width: 1430px;
  --shufa2025-gap:3px 10px;
  --shufa2025-btn-height: 34px;
}

/* 基础按钮样式 - 使用shufa2025-前缀防止冲突 */
.shufa2025-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  line-height: var(--shufa2025-btn-height);
  background-size: 1400% 300%;
  animation: shufa2025-move 10s ease infinite;
  color: var(--shufa2025-primary-color);
  font-size: 1.01rem;
  text-decoration: none;
  border-radius: 4px;
  transition: var(--shufa2025-transition);
  box-sizing: border-box;
  padding: 5px 8px;
  min-height: var(--shufa2025-btn-height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shufa2025-btn:hover {
  transform: scale(0.95);
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  color: var(--shufa2025-primary-color);
}

.shufa2025-btn i {
  margin-right: 5px;
}

/* 按钮颜色变体 - 优化版本 */
/* 蓝-青渐变 - 清爽科技感 */
.shufa2025-btn-1 {
  background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
}

/* 红-粉渐变 - 热情活力 */
.shufa2025-btn-2 {
  background: linear-gradient(135deg, #e53935 0%, #e35d5b 100%);
}

/* 紫-深蓝渐变 - 神秘优雅 */
.shufa2025-btn-3 {
  background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%);
}

/* 绿-青渐变 - 自然生机 */
.shufa2025-btn-4 {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

/* 橙-黄渐变 - 温暖活力 */
.shufa2025-btn-5 {
  background: linear-gradient(135deg, #f46b45 0%, #eea849 100%);
}

/* 深蓝-海军蓝渐变 - 专业稳重 */
.shufa2025-btn-6 {
  background: linear-gradient(135deg, #0575E6 0%, #021B79 100%);
}

/* 黑-灰渐变 - 现代简约 */
.shufa2025-btn-7 {
  background: linear-gradient(135deg, #232526 0%, #414345 100%);
}

/* 紫红-玫红渐变 - 时尚浪漫 */
.shufa2025-btn-8 {
  background: linear-gradient(135deg, #bc4e9c 0%, #f80759 100%);
}

/* 孔雀蓝-松绿渐变 - 典雅中国风 */
.shufa2025-btn-9 {
  background: linear-gradient(135deg, #007991 0%, #78ffd6 100%);
}

/* 琥珀-落日橙渐变 - 温暖复古感 */
.shufa2025-btn-10 {
  background: linear-gradient(135deg, #f12711 0%, #f5af19 100%);
}

/* 星空紫-银河蓝渐变 - 神秘科技感 */
.shufa2025-btn-11 {
  background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
}

/* 金属铜-锈红渐变 - 工业复古 */
.shufa2025-btn-12 {
  background: linear-gradient(135deg, #090 0%, #a84332 100%);
}


/* 大地棕-沙漠黄渐变 - 自然质朴 */
.shufa2025-btn-13 {
  background: linear-gradient(135deg, #D1913C 0%, #FFD194 100%);
}

/* 极光绿-冰蓝渐变 - 未来科技感 */
.shufa2025-btn-14 {
  background: linear-gradient(135deg, #00F260 0%, #0575E6 100%);
}

/* 薰衣草-淡紫渐变 - 梦幻清新 */
.shufa2025-btn-15 {
  background: linear-gradient(135deg, #E2B0FF 0%, #9F44D3 100%);
}

/* 翡翠-碧绿渐变 - 东方古典 */
.shufa2025-btn-16 {
  background: linear-gradient(135deg, #0ba360 0%, #3cba92 100%);
}

/* 巧克力-咖啡渐变 - 沉稳质感 */
.shufa2025-btn-17 {
  background: linear-gradient(135deg, #614385 0%, #516395 100%);
}


/* 深海蓝-电光蓝渐变 - 赛博科技感 */
.shufa2025-btn-18 {
  background: linear-gradient(135deg, #0F2027 0%, #2C5364 100%);
}

/* 玫瑰金-香槟金渐变 - 轻奢高级感 */
.shufa2025-btn-19 {
  background: linear-gradient(135deg, #B91372 0%, #F09819 100%);
}


/* 火焰橙-深红渐变 - 激情动感 */
.shufa2025-btn-20 {
  background: linear-gradient(135deg, #FF4E50 0%, #F9D423 100%);
}

/* 湖水蓝-翡翠绿渐变 - 宁静优雅 */
.shufa2025-btn-21 {
  background: linear-gradient(135deg, #00C9FF 0%, #92FE9D 100%);
}
/* 海军蓝-天蓝渐变 - 商务专业 */
.shufa2025-btn-22 {
  background: linear-gradient(135deg, #1A2980 0%, #26D0CE 100%);
}

/* 霓虹粉-荧光紫渐变 - 潮流炫彩 */
.shufa2025-btn-23 {
  background: linear-gradient(135deg, #FF00FF 0%, #00FFFF 100%);
}
/* 葡萄紫-酒红渐变 - 复古轻奢 */
.shufa2025-btn-24 {
  background: linear-gradient(135deg, #7B4397 0%, #DC2430 100%);
}


/* 金-琥珀渐变 - 奢华质感 */
.shufa2025-btn-25 {
  background: linear-gradient(135deg, #090 0%, #d4b16a 100%);
}

/* 古铜金-深棕渐变 - 复古怀旧 */
.shufa2025-btn-26 {
  background: linear-gradient(135deg, #090 0%, #8a6d3b 100%);
}

/* 落日金-橙红渐变 - 温暖夕阳 */
.shufa2025-btn-27 {
  background: linear-gradient(135deg, #090 0%, #e67e22 100%);
}

/* 香槟金-浅米渐变 - 优雅轻奢 */
.shufa2025-btn-28 {
  background: linear-gradient(135deg, #090 0%, #f5d6a3 100%);
}

/* 正红-深红渐变 - 经典中国风 */
.shufa2025-btn-29 {
  background: linear-gradient(135deg, #ff0000 0%, #990000 100%);
}

/* 樱桃红-玫红渐变 - 甜美活力 */
.shufa2025-btn-30 {
  background: linear-gradient(135deg, #e74c3c 0%, #ff6b8b 100%);
}

/* 酒红-暗红渐变 - 复古高级 */
.shufa2025-btn-31 {
  background: linear-gradient(135deg, #800020 0%, #5a0a1a 100%);
}

/* 番茄红-橙红渐变 - 热情动感 */
.shufa2025-btn-32 {
  background: linear-gradient(135deg, #ff6347 0%, #ff4500 100%);
}

/* 红宝石-深紫红渐变 - 神秘奢华 */
.shufa2025-btn-33 {
  background: linear-gradient(135deg, #e0115f 0%, #8b0000 100%);
}


.shufa2025-btn-51 {
  background: linear-gradient(135deg, #39df39 0%, #064b06 100%);
}

.shufa2025-btn-511 {
  background: linear-gradient(1deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-512 {
  background: linear-gradient(45deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-513 {
  background: linear-gradient(90deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-514 {
  background: linear-gradient(135deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-515 {
  background: linear-gradient(180deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-516 {
  background: linear-gradient(225deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-517 {
  background: linear-gradient(270deg, #39df39 0%, #064b06 100%);
}
.shufa2025-btn-518 {
  background: linear-gradient(315deg, #39df39 0%, #064b06 100%);
}







.shufa2025-btn-52 {
  background: linear-gradient(135deg, #7ef97e 0%, #39df39 50%, #064b06 100%);
}
.shufa2025-btn-53 {
  background: linear-gradient(135deg, #39df39 0%, #2e7d32 70%, #064b06 100%);
}







/* 网格布局容器 */
.shufa2025-dict-container {
  width: 100%;
  padding: 1px 15px;
  box-sizing: border-box;
}

.shufa2025-dict-grid {
  max-width: var(--shufa2025-max-width);
  margin: 0 auto;
}

.shufa2025-dict-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap:2px 15px;
  width: 100%;
}

/* 响应式断点 */
@media (min-width: 430px) {
  .shufa2025-dict-buttons {
    grid-template-columns: repeat(3, 1fr);
	gap:2px 15px;
  }
}

@media (min-width: 768px) {
  .shufa2025-dict-buttons {
    grid-template-columns: repeat(5, 1fr);
    gap:2px 15px;
  }
  
.shufa2025-btn {
    font-size: 0.9375rem!important;
    padding: 6px 10px!important;
  }
  
  
}

@media (min-width: 992px) {
  .shufa2025-dict-buttons {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 1200px) {
  .shufa2025-dict-buttons {
    grid-template-columns: repeat(6, 1fr);
    gap:2px 15px;
  }
  
  .shufa2025-btn {
    font-size: 1rem;
  }
}

@media (min-width: 1400px) {
  .shufa2025-dict-buttons {
    grid-template-columns: repeat(8, 1fr);
	gap:2px 15px;
  }
}

/* 动画关键帧 */
@keyframes shufa2025-move {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@-webkit-keyframes shufa2025-move {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}
@-moz-keyframes shufa2025-move {
  0% {background-position: 0% 50%}
  50% {background-position: 100% 50%}
  100% {background-position: 0% 50%}
}

/* 栏目及频道简介基础变量定义 */


/* 基础样式重置 */
.shufa-intro-section {
  font-family: sans-serif;
  margin: 1rem auto 1rem;
  max-width: 1430px;
  padding: 0 15px;
  box-sizing: border-box;
}

.shufa-intro-container {
  background: #e7f7e7;
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* 标题样式 */
.shufa-intro-title {
  color: #090;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1px 0 1px 0;
  padding: 0;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
}

.shufa-intro-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #090, transparent);
}

/* 内容区域 */
.shufa-intro-content {
  color: #929191;
  font-size: 0.85rem;
  line-height: 1.5;
  padding-top: 15px;
}

.shufa-intro-content p {
  margin: 1px 0 1px 0;
 
}

/* 响应式调整 */
@media (min-width: 768px) {
  .shufa-intro-section {
    padding: 0 15px;
    margin-top: 1.5rem;
  }
  
  .shufa-intro-container {
    padding: 20px;
  }
  
  .shufa-intro-title {
    font-size: 1.3rem;
    margin-bottom: 12px;
  }
  
  .shufa-intro-content {
    font-size: 0.85rem;
    line-height: 1.5;
  }
}

@media (min-width: 992px) {
  .shufa-intro-title {
    font-size: 1.3rem;
  }
  
  .shufa-intro-content {
    padding-top: 8px;
  }
}




/* 毛笔字典btn基础变量 */
/* 基础变量 */
:root {
  --calligraphy-gap: 5%;
  --calligraphy-btn-padding: 12px 0; /* 增大上下间距 */
  --calligraphy-font-size: 0.95rem;
  --calligraphy-line-height: 1.4;
}

/* 容器布局 */
.calligraphy-dict-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px var(--calligraphy-gap);
  width: 100%;
  padding: 0 3%;
  box-sizing: border-box;
  margin: 20px auto 10px;
}

/* 基础按钮样式 */
.calligraphy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--calligraphy-btn-padding);
  line-height: var(--calligraphy-line-height);
  color: white;
  font-size: 0.85rem;
  font-family: "Microsoft YaHei", sans-serif;
  text-decoration: none;
  border-radius: 6px;
  background-size: 200% auto;
  animation: calligraphy-gradient 8s ease infinite;
  transition: all 0.3s ease;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px; /* 最小高度保证间距 */
  border: none;
  cursor: pointer;
}

.calligraphy-btn:hover {
  transform: scale(0.97);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  background-position: right center;
}

.calligraphy-btn i {
  margin-right: 8px;
  font-size: 1em;
}

/* 优化后的色彩搭配 */
/* 主按钮 - 蓝青色渐变 (品牌主色) 
   适用于主要操作，如提交、确认等
   视觉：专业、可靠、科技感 */
.calligraphy-btn-primary {
  background: linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);
}

/* 次按钮 - 红粉色渐变 (次要操作)
   适用于删除、取消等次要操作
   视觉：警示、热情、引人注目 */
.calligraphy-btn-secondary {
  background: linear-gradient(135deg, #e53935 0%, #e35d5b 100%);
}

/* 第三按钮 - 紫蓝色渐变 (特殊功能)
   适用于高级功能或特殊操作
   视觉：创意、优雅、神秘感 */
.calligraphy-btn-tertiary {
  background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%);
}

/* 成功状态 - 绿青色渐变
   用于成功状态提示/完成操作
   视觉：自然、安全、成长感 */
.calligraphy-btn-success {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

/* 警告状态 - 橙黄色渐变
   用于警告或需要注意的操作
   视觉：温暖、活力、提醒感 */
.calligraphy-btn-warning {
  background: linear-gradient(135deg, #f46b45 0%, #eea849 100%);
}

/* 信息提示 - 深蓝色渐变
   用于信息展示或帮助操作
   视觉：专业、稳重、可信赖 */
.calligraphy-btn-info {
  background: linear-gradient(135deg, #0575E6 0%, #021B79 100%);
}

/* 深色按钮 - 黑灰色渐变
   用于深色模式或需要降低视觉权重的操作
   视觉：现代、简约、高级感 */
.calligraphy-btn-dark {
  background: linear-gradient(135deg, #232526 0%, #414345 100%);
}

/* 特殊按钮 - 紫红色渐变
   用于促销/推荐等需要突出的场景
   视觉：时尚、浪漫、吸引力强 */
.calligraphy-btn-special {
  background: linear-gradient(135deg, #bc4e9c 0%, #f80759 100%);
}
/* 珊瑚橙渐变 - 温暖活力 */
.calligraphy-btn-coral {
background: linear-gradient(135deg, #FF7F50 0%, #FFD700 100%);
}

/* 薄荷绿渐变 - 清新自然 */
.calligraphy-btn-mint {
background: linear-gradient(135deg, #16BFFD 0%, #CB3066 100%);
}

/* 日落紫渐变 - 梦幻神秘 */
.calligraphy-btn-sunset {
background: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
}

/* 大地棕渐变 - 稳重可靠 */
.calligraphy-btn-earth {
background: linear-gradient(135deg, #614385 0%, #516395 100%);
}

/* 霓虹粉渐变 - 前卫时尚 */
.calligraphy-btn-neon {
background: linear-gradient(135deg, #FF00FF 0%, #00FFFF 100%);
}

/* 孔雀蓝渐变 - 高雅精致 */
.calligraphy-btn-peacock {
background: linear-gradient(135deg, #00F260 0%, #0575E6 100%);
}

/* 玫瑰金渐变 - 奢华柔和 */
.calligraphy-btn-rosegold {
background: linear-gradient(135deg, #B993D6 0%, #8CA6DB 100%);
}

/* 落日金-橙红渐变 - 温暖夕阳 */
.calligraphy-btn-sungold {
  background: linear-gradient(135deg, #090 0%, #d4b16a 100%);
}

/* 森林绿渐变 - 生态自然 */
.calligraphy-btn-forest {
background: linear-gradient(135deg, #1D976C 0%, #93F9B9 100%);
}

/* 银河紫渐变 - 深邃科技 */
.calligraphy-btn-galaxy {
background: linear-gradient(135deg, #0F2027 0%, #2C5364 100%);
}

/* 珊瑚红渐变 - 热情活力 */
.calligraphy-btn-coralred {
background: linear-gradient(135deg, #FF9966 0%, #FF5E62 100%);
}

/* 极光绿渐变 - 奇幻未来 */
.calligraphy-btn-aurora {
background: linear-gradient(135deg, #00C9FF 0%, #92FE9D 100%);
}

/* 1. 金棕-琥珀渐变 - 经典奢华 */
.calligraphy-btn-gold-amber {
  background: linear-gradient(135deg, #090 0%, #d4a017 100%);
}

/* 2. 金棕-咖啡渐变 - 复古沉稳 */
.calligraphy-btn-gold-coffee {
  background: linear-gradient(135deg, #090 0%, #6f4e37 100%);
}

/* 3. 金棕-橄榄渐变 - 自然柔和 */
.calligraphy-btn-gold-olive {
  background: linear-gradient(135deg, #090 0%, #808000 100%);
}

/* 4. 金棕-玫瑰金渐变 - 轻奢优雅 */
.calligraphy-btn-gold-rosegold {
  background: linear-gradient(135deg, #090 0%, #b76e79 100%);
}

/* 5. 金棕-深铜渐变 - 厚重质感 */
.calligraphy-btn-gold-copper {
  background: linear-gradient(135deg, #090 0%, #b87333 100%);
}

/* 1. 猩红-深红渐变 - 强烈警示 */
.calligraphy-btn-red-crimson {
  background: linear-gradient(135deg, #dc143c 0%, #8b0000 100%);
}

/* 2. 樱桃红-玫红渐变 - 活力时尚 */
.calligraphy-btn-red-cherry {
  background: linear-gradient(135deg, #ff073a 0%, #ff69b4 100%);
}

/* 3. 朱红-橙红渐变 - 温暖醒目 */
.calligraphy-btn-red-vermillion {
  background: linear-gradient(135deg, #ff4500 0%, #ff8c00 100%);
}

/* 4. 酒红-紫红渐变 - 高雅神秘 */
.calligraphy-btn-red-wine {
  background: linear-gradient(135deg, #722f37 0%, #800020 100%);
}

/* 5. 胭脂红-珊瑚红渐变 - 柔和浪漫 */
.calligraphy-btn-red-rouge {
  background: linear-gradient(135deg, #e32636 0%, #ff7f50 100%);
}



/* 主蓝按钮 - 深海蓝渐变 (核心操作)
   适用于主要行动号召按钮
   视觉：专业、权威、值得信赖 */
.calligraphy-btn-primary-blue {
  background: linear-gradient(135deg, #1976D2 0%, #0D47A1 100%);
}

/* 次蓝按钮 - 天空蓝渐变 (辅助操作)
   适用于次级按钮或信息性操作
   视觉：清新、开放、友好 */
.calligraphy-btn-secondary-blue {
  background: linear-gradient(135deg, #4FC3F7 0%, #0288D1 100%);
}

/* 特殊蓝按钮 - 霓虹蓝渐变 (突出操作)
   需要特别强调的功能按钮
   视觉：科技感、活力、高关注度 */
.calligraphy-btn-special-blue {
  background: linear-gradient(135deg, #00B4DB 0%, #0083B0 100%);
}

/* 深蓝按钮 - 午夜蓝渐变 (深色模式)
   适配深色界面或低光环境
   视觉：精致、现代、沉稳 */
.calligraphy-btn-dark-blue {
  background: linear-gradient(135deg, #1565C0 0%, #0D2C4A 100%);
}




/* 响应式断点 */
@media (min-width: 430px) {
  .calligraphy-dict-container {
    grid-template-columns: repeat(2, 1fr);
	--calligraphy-font-size: 1.05rem;
	margin: 20px auto 10px;
  }
.iopzidian{height:325px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}  
}

@media (min-width: 768px) {
  .calligraphy-dict-container {
    grid-template-columns: repeat(3, 1fr);
    --calligraphy-gap: 2.5%;
    --calligraphy-font-size: .85rem;
    gap: 18px var(--calligraphy-gap);
	margin: 20px auto 10px;
  }
  
  .calligraphy-btn {
    min-height: 40px;
    padding: 12px 0; /* 大屏幕增大间距 */
  }
.iopzidian{height:205px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
}

@media (min-width: 992px) {
  .calligraphy-dict-container {
    grid-template-columns: repeat(3, 1fr);
	--calligraphy-font-size: 1.05rem;
	margin: 20px auto 10px;
  }
.iopzidian{height:300px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
}

@media (min-width: 1300px) {
  .calligraphy-dict-container {
    grid-template-columns: repeat(4, 1fr);
    --calligraphy-gap: 3%;
	--calligraphy-font-size: 1.05rem;
	margin: 20px auto 10px;
  }
  
  .calligraphy-btn {
    min-height: 40px;
    padding: 10px 0;
    font-size: 1rem;
  }
.iopzidian{height:365px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
}

@media (min-width: 1400px) {
  .calligraphy-dict-container {
    grid-template-columns: repeat(5, 1fr);
    max-width: 1430px;
    margin: 20px auto 10px;
    --calligraphy-gap: 2%;
  }
  
  .calligraphy-btn {
    min-height: 40px;
    padding: 13px 0;
	font-size: 1rem;
  }
.iopzidian{height:375px;background-size:cover;border-radius:4px;margin-top:5px;background-size:100% 100%}
}

/* 动画优化 */
@keyframes calligraphy-gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}



/* arc-body-down防冲突前缀的响应式样式 */
   /* 金色主题完整样式 */
        .bsc-final-container {
            font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            line-height: 1.3;
            color: #5a4a3a;
            margin: 0.6em 0;
            padding: 12px;
            background-color: #f6faf6;
            border: 1px solid #090;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            border-left: 4px solid #090;
			color: #bcbcbc;
        }

        /* 段落样式 */
        .bsc-final-container p.bsc-final-item {
            margin: 0 0 0.6em 0;
            padding: 0;
            font-size: 0.95em;
            line-height: 1.5em;
        }

        /* 最后段落特殊处理 */
        .bsc-final-container p.bsc-final-item:last-child {
            margin-bottom: 0;
        }

        /* 提示标签 */
        .bsc-final-tip {
            font-weight: 600;
            color: #050;
            /*background: linear-gradient(to right, rgba(139, 195, 74, 0.9), rgba(139, 195, 74, 0.1));*/
			background: linear-gradient(to right, rgba(76, 175, 80, 0.9), rgba(76, 175, 80, 0.1));
            padding: 0.3em 0.6em;
            border-radius: 3px;
            display: inline-block;
            margin-right: 0.5em;
        }

        /* 链接基础样式 */
        .bsc-final-link {
            display: inline-block;
            position: relative;
            color: #090;
            text-decoration: none;
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            margin: 0 0.15em;
            font-weight: 500;
        }

        /* 虚线下划线（优化间距版） */
        .bsc-final-link-dotted {
            background-image: linear-gradient(90deg, currentColor 75%, transparent 75%);
            background-position: 0 1.35em; /* 控制下划线位置 */
            background-repeat: repeat-x;
            background-size: 4px 1px;
            padding-bottom: 0.4em; /* 控制文字与下划线间距 */
            text-decoration: none;
        }

        /* 按钮样式 */
.bsc-final-link-btn {
    background-color: #e8f1e8;        /* 原 #f5f0e6 */
    border: 1px solid #9abb9a;         /* 原 #d8c9a5 */
    border-radius: 3px;
    padding: 0.25em 0.8em;
    font-size: 0.93em;
    color: #2d5a2d;                    /* 原 #7a5c20 */
    box-shadow: 
        0 1px 1px rgba(220, 240, 220, 0.8) inset,  /* 原 rgba(255,255,255,0.8) */
        0 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0 1px 0 rgba(240, 255, 240, 0.5); /* 原 rgba(255,255,255,0.5) */
}
        /* 高亮文本 */
        .bsc-final-highlight {
            background: linear-gradient(to right, rgba(76, 175, 80, 0.9), rgba(76, 175, 80, 0.1));
            padding: 0.25em 0.6em;
            border-radius: 3px;
            /*border-left: 2px solid #090;*/
            font-weight: 500;
            color: #030;
        }

        /* 分隔符 */
        .bsc-final-sep {
            margin: 0 0.1em;
            color: #090;
            font-size: 0.98em;
			font-weight:600;
        }

        /* 黄金按钮 */
        .bsc-final-action {
            display: inline-block;
            background: linear-gradient(135deg, #060, #090);
            color: white !important;
            padding: 0.3em 1em;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            text-shadow: 0 1px 1px rgba(0,0,0,0.2);
            box-shadow: 
                0 2px 4px rgba(0,0,0,0.1),
                0 1px 0 rgba(255,215,0,0.3) inset;
            transition: all 0.3s ease;
            margin-left: 0.5em;
			margin-right: 0.5em;
        }

/* 悬停效果 */
.bsc-final-link:hover {
    color: #2d5a2d;                    /* 原 #9a7b3d，改为深绿 */
}

.bsc-final-link-btn:hover {
    background-color: #d0e0d0;         /* 原 #ede6d5，改为浅绿 */
    border-color: #2e7d32;              /* 原 #090，改为翡翠绿 */
    transform: translateY(-1px);
    box-shadow: 
        0 1px 1px rgba(220, 240, 220, 0.8) inset,  /* 原 rgba(255,255,255,0.8) */
        0 2px 3px rgba(0,0,0,0.1);
}

.bsc-final-action:hover {
    background: linear-gradient(135deg, #2e7d32, #4caf50);  /* 原 #090, #a67c00，改为绿渐变 */
    transform: translateY(-2px);
    box-shadow: 
        0 4px 8px rgba(0,0,0,0.15),
        0 1px 0 rgba(144, 238, 144, 0.3) inset;  /* 原 rgba(255,215,0,0.3)，改为浅绿 */
}
        /* 响应式设计 */
        @media (max-width: 768px) {
            .bsc-final-container {
                padding: 10px;
                font-size: 14px;
            }
            .bsc-final-container p.bsc-final-item {
                margin-bottom: 0.8em;
            }
            .bsc-final-link-dotted {
                background-position: 0 1.2em;
                padding-bottom: 0.35em;
            }
        }

        @media (max-width: 480px) {
            .bsc-final-container {
                padding: 8px;
                font-size: 13px;
                line-height: 1.25;
            }
            .bsc-final-tip {
                display: block;
                margin-right: 0;
                margin-bottom: 0.6em;
            }
            .bsc-final-link {
                margin: 0 0.1em;
				margin: 0.35em 0.3em;
            }
            .bsc-final-link-dotted {
                background-position: 0 1.39em;
                padding-bottom: 0.3em;
            }
			
        }
/* 语义化颜色类 - 20种 */
.bronze-table a.link-red { background: linear-gradient(45deg, #ff6b6b, #ee5a24); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-orange { background: linear-gradient(45deg, #ff9f43, #feca57); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-yellow { background: linear-gradient(45deg, #f7dc6f, #f9e79f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-green { background: linear-gradient(45deg, #1dd1a1, #10ac84); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-emerald { background: linear-gradient(45deg, #00b894, #55efc4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-blue { background: linear-gradient(45deg, #4834d4, #686de0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-sky { background: linear-gradient(45deg, #00d2d3, #54a0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-navy { background: linear-gradient(45deg, #0984e3, #74b9ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-purple { background: linear-gradient(45deg, #5f27cd, #341f97); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-violet { background: linear-gradient(45deg, #6c5ce7, #a29bfe); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-pink { background: linear-gradient(45deg, #f368e0, #ff9ff3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-rose { background: linear-gradient(45deg, #fd79a8, #e84393); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-brown { background: linear-gradient(45deg, #d35400, #e67e22); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-teal { background: linear-gradient(45deg, #00cec9, #81ecec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-cyan { background: linear-gradient(45deg, #00cec9, #81ecec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-lime { background: linear-gradient(45deg, #a3cb38, #c4e538); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-indigo { background: linear-gradient(45deg, #8e44ad, #9b59b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-magenta { background: linear-gradient(45deg, #e056fd, #be2edd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-coral { background: linear-gradient(45deg, #ff7979, #eb4d4b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.bronze-table a.link-gold { background: linear-gradient(45deg, #f39c12, #f1c40f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* 防冲突加粗类 - 使用更高优先级 */
.bronze-table a.bronze-bold-600 { font-weight: 600 !important; }
.bronze-table a.bronze-bold-700 { font-weight: 700 !important; }
.bronze-table a.bronze-bold-800 { font-weight: 800 !important; }
.bronze-table a.bronze-bold-900 { font-weight: 900 !important; }
.bronze-table a.bronze-bold-heavy { font-weight: 900 !important; text-shadow: 0.5px 0.5px 1px rgba(0,0,0,0.3); }

/* 特殊效果类 */
.bronze-table a.bronze-glow { text-shadow: 0 0 8px currentColor !important; }
.bronze-table a.bronze-3d { text-shadow: 1px 1px 2px rgba(0,0,0,0.4) !important; }
.bronze-table a.bronze-shine { 
    background-size: 200% auto !important; 
    animation: bronzeShine 3s linear infinite !important; 
}

@keyframes bronzeShine {
    to { background-position: 200% center; }
}







/* 335px - 574px */
@media (max-width: 768px) and (min-width: 431px) {

.shufa2025-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  line-height: var(--shufa2025-btn-height);
  background-size: 1400% 300%;
  animation: shufa2025-move 10s ease infinite;
  color: var(--shufa2025-primary-color);
  font-size:0.80rem;
  text-decoration: none;
  border-radius: 4px;
  transition: var(--shufa2025-transition);
  box-sizing: border-box;
  padding: 2px 3px;
  min-height: var(--shufa2025-btn-height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shufa2025-btn i {
    margin-right: 5px;
    margin-top: 5px;
}


}

/* 小于335px */
@media (max-width: 430px) {

.shufa2025-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  line-height: var(--shufa2025-btn-height);
  background-size: 1400% 300%;
  animation: shufa2025-move 10s ease infinite;
  color: var(--shufa2025-primary-color);
  font-size:0.80rem;
  text-decoration: none;
  border-radius: 4px;
  transition: var(--shufa2025-transition);
  box-sizing: border-box;
  padding: 2px 3px;
  min-height: var(--shufa2025-btn-height);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shufa2025-btn i {
    margin-right: 5px;
    margin-top: 2px;
}
}