/*
Theme Name:wpwebsite
Theme URI: http://www.hdpv1.com/
Author: 13117095
Author URI: http://www.hdpv1.com/
Description: 由<a href="http://www.hdpv1.com/" target="_blank">13117095</a>开发制作的高级导航网站模板，长期技术支持。
Version: 1.8
License: 使用条款
License URI: http://www.leonhere.com/agreement/
Tags: light, white, blue, two-columns, left-sidebar, custom-menu, theme-options
Text Domain: leonhere.com
*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
div,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{margin:0;padding:0;}
body{/*background-color:#f5f5f5;*/background:url(/wp-content/uploads/2024/07/5523c88dd347d1b7cc61.jpg) repeat;padding:0;margin:0font:100%/1.5em 'Microsoft Yahei',Arial,tahoma;word-break:break-all;}
a{text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;color:#333;}
h3.name .flag-icon {
    display: inline-block;
    width: 18px; 
    height: 13px;
    border-radius: 3px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

h3.name .flag-icon:hover {
    transform: scale(1.1);
}

h3.name .flag-icon:active {
    transform: scale(1.05);
}

@media (max-width: 768px) {
    h3.name .flag-icon {
        width: 16px;
        height: 11px;
    }
}
h3.name .vpn-icon {
    display: inline-block;
    width: 19px; 
    height: 18px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.8;
}

h3.name .vpn-icon:hover {
    transform: scale(1.1);
    opacity: 1;
}

a:hover{color:#3CADFB;}
input{-webkit-appearance:none;border:0;}
input:focus,textarea:focus{outline:none;-webkit-tap-highlight-color:transparent;}
.submit{-webkit-tap-highlight-color:transparent;}
li{list-style:none;}
.clear{clear:both;}
a img{border:none;}
hr{border:none;border-bottom:1px solid #eee;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:0.75em;width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd;box-sizing:border-box;}
img.alignleft{float:left;margin:0 15px 15px 0;}
img.aligncenter{display:block;margin:0 auto;}
img.alignright{float:right;margin:0 0 15px 15px;}

/*gold*/
.inner{width:1280px;margin:0 auto;}
.waring{background-color: #222222;height: 27px;display: grid;place-items: center;}
.nofound{padding:50px 0;text-align:center;color:#888;}
.nofound h2{font-weight:lighter;line-height:1.5em;font-size:3em;}
.nofound p{font-weight:lighter;font-size:0.875em;padding:5px 0;}
.nofound a{background-color:#3CADFB;color:#fff;padding:0 5px;border-radius:2px;}
#nofound .main{float:none;margin:0 auto 30px;}
.top{font-style:normal;font-size:12px;background-color:#0A9BE6;color:#fff;padding:1px 3px;border-radius:0 0 2px 2px;position:absolute;left:5px;top:0;}
.siteIcon{position:relative;}
.siteIcon a,.thumbnail a{display:block;position:relative;overflow:hidden;}
.siteIcon img,.thumbnail img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.thumbnail a{padding-bottom:75%;}
.siteIcon a{padding-bottom:100%;}
.topad {margin-top: 20px;}
.topad .inner {overflow: hidden;}
.topad .list {display:flex; flex-wrap:wrap; margin:-0.5%;}
.topad .list > div {width: 24%; padding:0.5%;}
.topad a {display: block;}
.topad img {display:block;position:relative;overflow:hidden; width: 100%;}
#blank {display: none;}
/*slick*/
.slick-load{display:none;overflow:hidden;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.title-logo{width: 24px;float: left;padding-right: 2px;}

/*header*/
#header{width:100%;background-color:#fff;position:relative;z-index:9;}
#header .inner{position:relative;}

/*logo*/
#logo{float:left;padding:30px 0;}
#logo a{display:block;width:220px;height:50px;background:no-repeat left center;background-size:contain;text-indent:-99999em;font-size:12px;}

/*searchForm*/
#searchForm{margin-left:220px;overflow:hidden;padding:33px 0;}
#searchForm .form{position:relative;float:right;width:55%;}
#searchForm .submit{background-color:#3CADFB;height:100%;width:85px;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:18px;position:absolute;right:0;top:0;}
#searchForm .submit:hover{background-color:#1A9ADA;}
#searchForm .input{margin-right:85px;border:1px solid #ddd;border-right:none;overflow:hidden;border-radius:3px 0 0 3px;}
#searchForm .s{font-size:16px;height:30px;line-height:30px;width:90%;padding:6px 5%;box-shadow:inset 0px 0px 2px #ddd;}

/*topBtn*/
#topBtn{position:absolute;top:50%;right:0;transform:translateY(-50%);display:none;}
#topBtn .btn{width:70px;height:70px;float:left;cursor:pointer;position:relative;}
#topBtn .cur{box-shadow:0 0 3px #aaa;background-image::-moz-linear-gradient(top,#ddd,#fff);background-image::-webkit-linear-gradient(top,#ddd,#fff);background-image::-o-linear-gradient(top,#ddd,#fff);background-image:linear-gradient(to bottom,#ddd,#fff);}


.topbtn {width:60px;height:60px;cursor:pointer;position:relative; display:none;}
.topbtn.cur {box-shadow:0 0 3px #aaa;background-image::-moz-linear-gradient(top,#ddd,#fff);background-image::-webkit-linear-gradient(top,#ddd,#fff);background-image::-o-linear-gradient(top,#ddd,#fff);background-image:linear-gradient(to bottom,#ddd,#fff);}

/*schBtn
#schBtn i{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(images/ico.png) no-repeat 20px 20px;}*/
#schBtn i{position: absolute;
  left: 50%;
  top: 25%;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2024/07/search.png);
    background-repeat: repeat;
    background-size: auto;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;}
/*navBtn*/
#navBtn i,#navBtn:before,#navBtn:after{display:block;height:3px;background-color:#aaa;position:absolute;left:25%;width:50%;border-radius:1.5px;}
#navBtn i{top:50%;transform:translateY(-50%);}
#navBtn:before{top:22px;content:'';}
#navBtn:after{bottom:22.5px;content:'';}

/*menubar*/
#menubar {display: none;}

/*notice*/
#notice{overflow:hidden;position:relative;background-color:#fff;padding:10px 20px 10px 40px;height:30px;line-height:30px;font-size:14px;}
#notice:before{width:5px;height:5px;border-radius:50%;content:'';display:block;position:absolute;left:20px;top:50%;margin-top:-2.5px;background-color:#f50;}
#notice .slick-load{padding-right:80px;}
#notice .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#notice a:hover{text-decoration:underline;}
#notice .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);display:block;font-size:0;background:none;width:30px;height:30px;border:none;cursor:pointer;}
#notice .slick-arrow:focus{outline:none;}
#notice .slick-arrow:after{content:'';display:block;position:absolute;left:9px;top:50%;transform:translateY(-50%);border-right:6px solid transparent;border-left:6px solid transparent;}
#notice .slick-prev{right:40px;}
#notice .slick-next{right:0;}
#notice .slick-prev:after{border-bottom:none;border-top:6px solid #999;}
#notice .slick-next:after{border-top:none;border-bottom:6px solid #999;}

/*nav*/
#nav{width:100%;background-color:#3CADFB;}
#nav ul{height:30px;line-height:30px;border-left:1px solid #32a2f0;}
#nav li{float:left;font-size:16px;position:relative;width:11.11%;text-align:center;}
#nav li:last-child:after{position:absolute;left:100%;top:0;height:100%;width:0;border-right:1px solid #74c5fd;content:'';display:block;}
#nav li a{color:#fff;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-left:1px solid #74c5fd;border-right:1px solid #32a2f0;padding:0 5px;position:relative;}
#nav li.on > a{background-color:#67bcf7;}
#nav li ul{position:absolute;left:0;top:100%;background:rgba(60,173,251,0.9);width:100%;z-index:2;display:none;border:none;height:auto;}
#nav li li{float:none;width:auto;}
#nav li li:last-child:after{display:none;}
#nav li li a{border:none;}

/*container*/
#container{clear:both;padding:20px 0;}
#container .inner{display:table;table-layout:fixed;}
#container .td{display:table-cell;vertical-align:top;}
#container .space{width:20px;}

/*boxTitle*/
.boxTitle{padding:8px 0px;border-bottom:1px solid #eee;overflow:hidden;position:relative;background-color: #ddd;}
.boxTitle .title{font-size:14px;/**padding-left:20px;background:url(images/ico.png) no-repeat -19px -71.5px;**/float: left;margin-left: 12px;}
.boxTitle .title a{color:#000;}
.boxTitle .title a:hover{color:#3CADFB;}
.boxTitle .more{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:12px;}
.boxTitle .more a{color:#999;font-size: 22px;}
.boxTitle .more i{font-style:normal;}

/*box1*/
.hmBox{position:relative;}
.hmBox-txt {
  width: 31%;
  display: inline-grid;
  position: relative;
  box-shadow: 5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff;
  -webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff;
  -moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%), -3px -3px 6px #fff;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}

.website-container {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
}

.masonry-item {
    display: block;
    width: calc(33.3% - 10px);
    margin-bottom: 12px;
}

.hmBox-txt {
    background: #fff;
    box-shadow: 5px 5px 8px rgba(50, 60, 70, 0.1), -3px -3px 6px #fff;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    overflow: hidden;
}

.hmBox-txt ul {
    max-height: 320px;
    overflow-y: hidden;
    transition: max-height 0.3s ease-in-out;
    
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05);
}

.hmBox-txt ul::-webkit-scrollbar {
    width: 8px;
}

.hmBox-txt ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px;
}

.hmBox-txt ul::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.hmBox-txt ul::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}


.icon {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.icon:hover .item-number, 
.box:hover .item-number {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.item-number {
    font-size: 8px;
    font-weight: bold;
    color: #fff;
    background: #32373c;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    border-radius: 6px;
    position: absolute;
    top: -5px;
    left: -5px;
    padding: 2px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 2;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
	border: 1px solid #fff;
}

/* 卡片布局样式 */
.card-item {
    list-style: none;
    min-width: 21.5%;
    max-width: 300px;
    margin: 10px 0;
}

.card-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    border: 1px solid #ffae00;
    border-radius: 8px;
    padding: 5px;
    background-color: #fff;
    transition: box-shadow 0.3s, transform 0.2s;
}

.card {
    display: flex;
    align-items: center;
    width: 100%;
}

.card-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
	overflow: hidden;
    text-overflow: ellipsis;
}

.card-title {
    font-size: 14px;
    color: #333;
    margin: 0;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
}


.hmBox ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px;
    justify-content: center;
}

/*.hmBox-txt ul{height:320px;display:flow;} 十个数量排行的固定高度*/
/*.hmBox-txt ul{height:100%;display:flow;}/*自适应高度*/


.hmBox li{width:12.5%;padding: 0px;}
.hmBox li.txt-box{width:19%;}
.txt-box .icon { display:inline-block;}
.txt-box .name { display:inline-block;}
.hmBox .himg {width:100%;padding: 0px;}
.hmBox .himg .box {display: flex; align-items: center; justify-content: space-between;padding-bottom: 2px;}
.hmBox .himg .icon {width:30px;}
.hmBox .himg .icon img {display: block; width: 100%; height: auto;max-height:30px;}
.hmBox .himg .name {width:calc(100% - 35px);text-align:left;}
.hmBox .box{padding:0px;overflow:hidden;position:relative;}
.hmBox .siteIcon{overflow:hidden; margin-bottom: 5px;}
.hmBox .info{overflow:hidden; text-align: center;}
.hmBox .info.nl{margin-left:0;}
.hmBox .name {
    font-size: 16px;
    line-height: 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: flex;
    align-items: center;
    gap: 2px;
}
.hmBox .intro{font-size:14px;color:#999;line-height:1.65em;height:4.95em;overflow:hidden;}
.hmBox .nl .intro{height:3.3em;}

/*aside*/
.sidebar{width:280px;background-color:#fff;}

/*widget*/
.widget{background-color:#fff;overflow:hidden;}
.widget ul{padding:0 20px 5px;}
.widget li{font-size:14px;padding:15px 0;border-bottom:1px dashed #e4e4e4;}

/*textwidget*/
.textwidget img,.postImg img{width:100%;height:auto;display:block;}

/*postImg*/
.postImg{margin-bottom:20px;overflow:hidden;height:auto;}

/*sidesite*/
.sidesite li{white-space:normal;overflow:hidden;padding:10px 0 10px 15px;position:relative;}
.sidesite li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background-color:#f50;position:absolute;left:0;top:23.5px;}
.sidesite li .icon{width:30px;float:right;border-radius:50%;overflow:hidden;}
.sidesite li .icon a{display:block;padding-bottom:100%;background:no-repeat center center;background-size:cover;position:relative;}
.sidesite li img{display:block;position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);object-fit:cover;}
.sidesite li h4{font-size:14px;font-weight:normal;margin-right:35px;line-height:26px;padding:2px 0;margin-bottom:5px;}
.sidesite li .meta{overflow:hidden;clear:both;}
.sidesite li span{display:block;font-size:12px;color:#888;line-height:2em;}
.sidesite li .left{float:left;}
.sidesite li .right{float:right;min-width:30px;text-align:center;}
/*catpost*/
.catpost li{position:relative;}
.catpost li .pic{float:left;width:65px;}
.catpost li .icon {display:block;padding-bottom:75%;position:relative;}
.catpost li img {display: block; position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover;}
.catpost li h4{margin-left:75px;overflow:hidden;font-weight:normal;font-size:14px;line-height:1.72em;height:3.44em;}
/*main*/
.main{overflow:hidden;background-color:#fff;}

/*breadcrumb*/
.breadcrumb{font-size:12px;padding-left:20px;background:url(images/ico.png) no-repeat -19px -71.5px;color:#666;}
.breadcrumb i{font-family:Arial;}
.breadcrumb a{color:#666;font-size:1em;}

/*siteList*/
.siteList{overflow:hidden;clear:both;border-bottom:1px dashed #eee;padding:20px;}
.siteList .icon{float:left;width:150px;border:1px solid #eee;padding:2px;position:relative;}
.siteList .icon a{display:block;padding-bottom:100%;position:relative;}
.siteList .icon img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit: }
.siteList .top{background-color:#96CC29;box-shadow:0px 0px 1px #96CC29;top:-1px;}
.siteList .info{margin-left:180px;overflow:hidden;}
.siteList .title{font-size:16px;line-height:1.5em;margin-bottom:13px;}
.siteList .title a{color:#0080B8;}
.siteList .excerpt{font-size:14px;line-height:1.75em;height:5.25em;overflow:hidden;color:#777;margin-bottom:15px;text-align:justify;}
.siteList .more{float:right;}
.siteList .more a{display:block;color:#fff;background-color:#69c;font-size:0.875em;padding:3px 10px;border-radius:3px;}

/*blog*/
.blogList{padding:20px;border-bottom:1px dashed #eee;overflow:hidden;}
.blogList .thumbnail{float:left;width:250px;}
.blogList .info{margin-left:270px;overflow:hidden;}
.blogList .title{font-size:18px;line-height:1.5em;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.blogList .title i{display:inline-block;background-color:#96CC29;color:#fff;font-style:normal;font-size:12px;padding:0 5px;border-radius:3px;line-height:22px;margin-top:4px;margin-right:5px;vertical-align:top;}
.blogList .excerpt{font-size:14px;line-height:2em;color:#555;margin-bottom:10px;max-height:8em;overflow:hidden;text-align:justify;}
.blogList .more{text-align:right;}
.blogList .more a{color:#3CADFB;font-size:14px;}

/*blog-post*/
.blogPost{padding:30px 20px;}
.blogPost .title{color:#333;line-height:1.5em;font-size:24px;text-align:center;font-weight:normal;margin-bottom:2%;}

/*postmeta*/
.postmeta{text-align:center;font-size:12px;color:#999;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:5px;}
.postmeta span{padding:2px 5px;}

/*entry*/
.entry{font-size:16px;color:#333;line-height:1.875em;overflow:hidden;text-align: center;}
.entry ul,.entry ol{padding-left:1em;margin-left:2em;margin-bottom:2%;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry li p{margin-bottom:0;}
.entry a{color:#3A599A;}
.entry img{max-width:100%;height:auto!important;}
.entry p,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{margin-bottom:2%;}
.entry blockquote{overflow:hidden;margin:0 2em 2%;background-color:#f9f9f9;border:1px dashed #dedede;border-radius:5px;padding:2% 2% 0;}
.entry hr{margin-bottom:2%;border:none;border-bottom:1px solid #eee;}

/*postTags*/
.postTags{clear:both;margin-bottom:20px;font-size:14px;color:#6699CC;}
.postTags a{color:#555;margin-left:10px;}
.postTags a:hover{text-decoration:underline;}

/*relatedNews*/
.relatedNews{background-color:#EBF6E0;border:1px solid #B7EC82;padding:15px;}
.relatedNews h3{font-size:16px;margin-bottom:10px;color:#649505;}
.relatedNews ul{padding-left:1em;}
.relatedNews li{font-size:14px;line-height:2em;list-style:outside disc none;color:#649505;}
.relatedNews li a{color:#649505;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.relatedNews li a:hover{color:#6699D5;}

/*postBox*/
.postBox{margin-top:20px;overflow:hidden;clear:both;}
.postBox h3{background-color:#69C;color:#fff;border-radius:3px 3px 0 0;padding:5px 15px;font-size:0.875em;}
.postBox .box{border:1px solid #eee;border-top:none;overflow:hidden;padding:0 25px;}

/*sitePost*/
.sitePost{padding:20px;position:relative;}

/*siteInfo*/
.siteInfo{display:table;width:100%;table-layout:fixed;margin-bottom:20px;}
.siteInfo .icon{display:table-cell;vertical-align:top;width:150px;}
.siteInfo .icon a{display:block;border:1px solid #eee;padding:2px;}
.siteInfo .icon img{display:block;width:100%;height:auto;}
.siteInfo .info{display:table-cell;vertical-align:top;padding:0 2.5%;}
.siteInfo .title{font-size:18px;color:#6699D5;line-height:1.5em;margin-bottom:10px;}
.siteInfo li{font-size:14px;line-height:1.875em;color:#666;}
.siteInfo .btn{display:table-cell;vertical-align:top;text-align:center;overflow:hidden;width:100px;}
.siteInfo .btn a{display:block;height:40px;background-color:#6699D5;color:#fff;line-height:38px;border-radius:5px;font-size:16px;}
.siteInfo .btn a:hover{background-color:#3CADFB;}

/*siteText*/
.siteText{clear:both;padding:20px 0;border-top:1px solid #eee;position:relative;overflow:hidden;display:table;width:100%;table-layout:fixed;}
.siteText .left,.siteText .right{display:table-cell;vertical-align:top;}
.siteText .right{width:220px;padding-left:20px;}
.siteText .title{font-size:16px;background:url(images/ico.png) no-repeat -19px -70px;padding-left:20px;margin-bottom:20px;}

/*relatedSite*/
.relatedSite{overflow:hidden;margin-bottom:20px;padding:10px;background-color:#EBF4FB;overflow:hidden;border:1px solid #C9E2F1;}
.relatedSite ul{overflow:hidden;}
.relatedSite li{float:left;width:16.66%;}
.relatedSite li .box{padding:10px;display:block;overflow:hidden;color:#555;}
.relatedSite li .icon{padding-bottom:100%;position:relative;border-radius:3px;overflow:hidden;margin-bottom:5px;}
.relatedSite li img{display:block;width:100%;height:auto;min-height:100%;position:absolute;left:0;top:0;}
.relatedSite li h4{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:1.75em;font-weight:normal;}

/*commentslist*/
#commentslist{margin-bottom:25px;}
#commentslist li{overflow:hidden;padding:25px 0;border-bottom:1px solid #eee;overflow:hidden;}
#commentslist .gravatar{float:left;}
#commentslist .gravatar img{width:45px;height:45px;border-radius:50%;display:block;}
#commentslist .info{margin-left:60px;}
#commentslist .name{font-size:16px;line-height:1.5em;font-weight:bold;}
#commentslist .name a{color:#333;}
#commentslist .text{font-size:14px;line-height:1.75em;padding:8px 0;}
#commentslist .meta{font-size:12px;color:#999;overflow:hidden;}
#commentslist .meta span{display:block;float:left;}
#commentslist .meta .reply{padding-left:10px;}
#commentslist .meta a{color:#999;}
#commentslist .meta a:hover{color:#69C;}
#commentslist li ol{background-color:#fafafa;margin-left:60px;padding:15px;margin-top:15px;position:relative;}
#commentslist li ol:before{content:'';display:block;width:20px;height:40px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;position:absolute;left:-37.5px;top:-20px;}
#commentslist li li{border-bottom:none;padding:0;}
#commentslist li li ol{margin-left:10px;padding:0;margin-top:10px;}
#commentslist li li ol:before{display:none;}
#commentslist li li .gravatar img{width:35px;height:35px;}
#commentslist li li .info{margin-left:45px;}
#commentslist li li .text{padding:5px 0;}

/*warning*/
.warning{font-size:12px;line-height:2em;color:#f50;margin-bottom:15px;}

/*respond*/
#respond .item{margin-bottom:15px;overflow:hidden;position:relative;}
#respond label{display:block;float:left;width:55px;background-color:#3CADFB;color:#fff;font-size:14px;height:42px;line-height:42px;border-radius:3px 0 0 3px;padding:0 10px;}
#respond .input{margin-left:75px;border:1px solid #ddd;border-left:none;overflow:hidden;border-radius:0 3px 3px 0;}
#respond .input.nl{margin-left:0;border-left:1px solid #ddd;}
#respond .text{padding:8px 3%;height:24px;width:94%;font:normal 14px/24px 'Microsoft Yahei';color:#333;}
#respond textarea.text{height:120px;border:none;resize:vertical;padding:2%;width:96%;}
#respond .submit{background-color:#3CADFB;color:#fff;cursor:pointer;width:120px;height:45px;border-radius:3px;float:right;font-size:16px;}
#cancel-reply{color:#f50;font-size:1em;}

/*menu*/
#menu{box-shadow:0 0 8px #eee;}
#menu ul{border:1px solid #eee;border-bottom:none;}
#menu li{font-size:18px;line-height:1.75em;text-align:center;border-bottom:1px solid #eee;}
#menu li a{display:block;color:#333;padding:10px;}
#menu li a:hover,#menu li.current_page_item a{background-color:#96CC29;color:#fff;}

/*singlePage*/
.singlePage{padding:5% 20px;}
.singlePage .title{font-size:24px;color:#333;margin-bottom:2.5%;line-height:1.5em;text-align:center;}

/*submitSite*/
#submitSite{width:600px;margin:5% auto 0;}
#submitSite .item{overflow:hidden;margin-bottom:20px;}
#submitSite label{display:block;height:38px;line-height:38px;float:left;width:95px;text-align:right;color:#222;font-size:16px;}
#submitSite label i{font-style:normal;color:#f00;}
#submitSite .ml4{margin-left:105px;overflow:hidden;}
#submitSite .input{border:1px solid #ddd;border-radius:3px;}
#submitSite .text{height:26px;line-height:26px;padding:5px 5%;display:block;width:90%;font-family:'Microsoft Yahei';font-size:14px;color:#555;border:none;}
#submitSite .tips{display:block;clear:both;font-size:12px;color:#a3a3a3;}
#submitSite select{border:1px solid #ddd;height:38px;line-height:38px;width:100%;padding:0 5%;border-radius:3px;font-family:'Microsoft Yahei';font-size:14px;color:#555;overflow:hidden;}
#submitSite textarea.text{height:150px;resize:vertical;}
#submitSite .submit{display:block;width:38px;line-height:38px;border:none;width:120px;cursor:pointer;background-color:#3CADFB;color:#fff;border-radius:3px;}
#submitSite .nulltip {font-size:12px; color:#f00; line-height: 2em;}
/*pagenavi*/
.pagenavi{padding:15px 0;text-align:center;clear:both;}
.pagenavi a{display:inline-block;padding:2px 10px;border:1px solid #ddd;border-radius:2px;font-size:0.75em;color:#888;margin:2px;}
.pagenavi a:hover{border-color:#3CADFB;color:#3CADFB;}

/*friendlinks*/
.friendlinks ul{overflow:hidden;}
.friendlinks li{display:inline-block;font-size:0.75em;color:#999;padding:2px;}
.friendlinks li a{color:#999;}
.friendlinks li i{padding-right:10px;color:#999;}

/*footer*/
.footer{background-color:#fff;border-top:1px solid #eee;padding:20px 0;text-align:center;}
.footer p{font-size:0.75em;color:#666;}
.footer p a{color:#666;}

/*screen width*/
@media only screen and (max-width:1365px){

	/*1365*/
	.inner{width:100%;background: #ffffff;}
}
@media only screen and (max-width:1280px){

	/*1280*/
	#notice{height:26px;line-height:26px;}

	/*1280*/
	.sidebar{width:250px;}

	

	/*1280*/
	.postBox .box{padding:0 20px;}

	/*1280*/
	#commentslist li{padding:20px 0;}

	/*1280*/
	#respond .submit{font-size:14px;height:36px;width:100px;}

	/*1280*/
	.siteInfo .icon{width:125px;}
	.siteInfo .btn{width:90px;}
	.siteInfo .btn a{font-size:14px;height:36px;line-height:35px;}

	/*1280*/
	.siteText{display:block;}
	.siteText .left,.siteText .right{display:block;width:auto;padding:0;}
	.siteText .left{margin-bottom:20px;}

	/*1280*/
	#menu li{font-size:16px;}
}
@media only screen and (max-width:1024px){

	/*1024*/
	#logo{padding:20px 0;}

	/*1024*/
	#searchForm{padding:23px 0;}
	#searchForm .form{width:65%;}
	#searchForm .input{margin-right:65px;}
	#searchForm .s{font-size:14px;}
	#searchForm .submit{font-size:16px;width:65px;}

	/*1024*/
	#nav li{font-size:14px;}

	/*1024*/
	#container .inner,#container .td{display:block;}
	#container .space{display:none;}

	/*1024*/
	.sidebar{width:auto;}

	/*1024*/
	.main{margin-bottom:20px;}

	/*1024*/
	.blogList .thumbnail{width:200px;}
	.blogList .info{margin-left:220px;}
	.blogList .title{margin-bottom:9px;}
	.blogList .excerpt{max-height:6em;margin-bottom:5px;}

	/*1024*/
	#menu{margin-bottom:20px;}
	#menu ul{overflow:hidden;border-bottom:1px solid #eee;}
	#menu li{width:20%;float:left;margin-bottom:-1px;}

	/*1024*/
	#submitSite{width:88%;}
}
@media only screen and (max-width:800px){

	/*800px*/
	#header{border-bottom:1px solid #ededed;box-shadow:0 1px 2px #eee;background:-moz-linear-gradient(top,#f0f0f0,#fff);background:-webkit-linear-gradient(top,#f0f0f0,#fff);background:-o-linear-gradient(top,#f0f0f0,#fff);position: fixed; left:0; top:0; width: 100%;}

	#header .topbar {display: flex; justify-content: space-between; align-items: center;}
	#blank {display: block; height: 141px; width: 100%;}
	/*768px*/
	.topbtn {display: block;height:62px;}
	#notice{margin-top:-0.5rem;}
	

	#menubar {width: calc(100% - 70px); display: block; overflow-y: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
	#menubar::-webkit-scrollbar {display: none;}
	#menubar ul {display: flex;}
	#menubar li {line-height: 36px; margin-right: 1em;}
	#menubar li:last-child {margin-right: 0;}
	#menubar li a {display: block; white-space: nowrap;}
	/*800px*/
	#logo{padding:15px 0;margin-left: calc(50% - 88px);}
	#logo a{width:176px;height:40px;}

	/*800px*/
	#searchForm{position:absolute;top:70px;right:0;padding:0;width:100%;box-shadow:0 0 3px #aaa;display:none;z-index:10;}
	#searchForm .form{float:none;width:auto;padding:5px;background-color:#EFEFEF;border:1px solid #fff;}
	#searchForm .submit{height:43px;top:5px;right:5px;}

	/*800px*/
	#topBtn{display:block;}

	/*800px*/
	#nav{position:fixed;top:140px;left:2.5%;width:50%;height:auto;z-index:10;background-color:#EFEFEF;box-shadow:0 0 3px #aaa;border:1px solid #fff;border-top:none;display:none;}
	#nav .inner{width: 100%;}
	#nav ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
    #nav li {
        width: 100%;
        border: 1px solid #dedede;
        text-align: center;
        background: #fafafa; 
		border: 1px solid #b0b0b0;
    }

    #nav li a {
        display: block;
        padding: 5px;
        color: #333;
        text-decoration: none;
        font-size: 14px;
    }
    #nav li a:hover {
        background-color: #f0f0f0;
    }

	#nav li ul{display:block;position:relative;left:auto;top:auto;background-color:#fafafa;border-top:1px solid #dedede;}
    #nav li:last-child {
        border-bottom: none;
    }


	/*800px*/
	#notice{background-color:transparent;height:22px;line-height:26px;padding:10px 0 9px 13px;}
	#notice:before{left:0;}
	#notice .slick-load{padding-right:60px;}
	#notice .slick-arrow{width:26px;height:100%;}
	#notice .slick-arrow:after{left:7px;}
	#notice .slick-prev{right:26px;}

	/*800px*/
	#container{padding-top:0;}

	/*800px*/
	.topad {margin-top: 0; margin-bottom: 20px}
	/*800px*/
	.sitePost .siteIcon{width:19.736842%;margin:30px 2.604167%;}
}
@media only screen and (max-width:768px){

	.boxTitle .title{margin-left:2px;}
	/*768px*/
	.main{margin-bottom:15px;}

	/*768px*/
	.boxTitle{padding-left:10px;padding-right:15px;}
	.boxTitle .more{right:15px;}

	/*768px*/
	.card-item {
		min-width: 48.5%;
	}
	.hmBox ul {padding:10px;}
	.hmBox li{width:21%;overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;}
	.hmBox .himg {width:100%;padding: 0px;}
	.hmBox li.txt-box{width:33%;}
	/*.hmBox .box {padding:0px 5px 5px;}*/
	.hmBox .name {font-size: 14px;}
	.hmBox .intro,.hmBox .nl .intro{height:auto;max-height:3.5em;}
	.hmBox-txt{
		width: 47%;
  		display: inline-grid;
	}

	/*768px*/
	.widget ul{padding:5px 15px 10px;}
	.widget li{padding:10px 0;}

	/*768px*/
	.sidesite li{padding-left:10px;}

	/*768px*/
	.catpost li{padding:10px 0;}

	/*768px*/
	.siteList{padding:15px;}
	.siteList .icon{width:110px;}
	.siteList .info{margin-left:125px;}
	.siteList .excerpt{margin-bottom:0;}
	.siteList .more{display:none;}

	/*768px*/
	.blogList{padding:15px;}
	.blogList .thumbnail{width:120px;}
	.blogList .info{margin-left:135px;}
	.blogList .title{font-size:16px;line-height:1.875em;margin-bottom:0;max-height:3.75em;white-space:normal;}
	.blogList .title i{margin-top:5px;line-height:20px;}
	.blogList .more{display:none;}
	.blogList .excerpt{white-space:nowrap;text-overflow:ellipsis;max-height:none;margin-bottom:0;}

	/*768px*/
	.blogPost{padding:5% 15px 15px;}
	.blogPost .title{font-size:20px;font-weight:bold;margin-bottom:3.5%;}

	/*768px*/
	.postmeta{margin-bottom:15px;}

	/*768px*/
	.entry{font-size:14px;line-height:2em;}

	/*768px*/
	.relatedNews{padding:10px;}
	.relatedNews h3{font-size:14px;margin-bottom:5px;}

	/*768px*/
	.postBox .box{padding:0 10px;}

	/*768px*/
	#commentslist li{padding:10px 0;}
	#commentslist .gravatar img{width:30px;height:30px;}
	#commentslist .info{margin-left:38px;}
	#commentslist .name{font-size:14px;}
	#commentslist .text{padding:5px 0;}
	#commentslist li ol{margin-left:38px;padding:10px 15px;margin-top:10px;}
	#commentslist li ol:before{left:-23.5px;}
	#commentslist li li .gravatar{display:none;}
	#commentslist li li .info{margin-left:0;}

	/*768px*/
	#respond .item{margin-bottom:10px;}
	#respond label{float:none;background-color:transparent;color:#333;width:auto;height:auto;line-height:1.75em;margin-bottom:5px;padding:0;}
	#respond .input{margin-left:0;border-left:1px solid #ddd;}
	#respond .text,#respond textarea.text{width:92%;padding:6px 4%;}
	#respond .submit{height:32px;width:90px;}

	/*768px*/
	.sitePost{padding:15px;}

	/*768px*/
	.siteInfo{display:block;width:auto;}
	.siteInfo .icon{width:50px;display:block;float:right;}
	.siteInfo .icon a{border-radius:50%;overflow:hidden;}
	.siteInfo .icon img{border-radius:50%;}
	.siteInfo .info{display:block;margin-right:60px;padding:0;margin-bottom:10px;}
	.siteInfo li{margin-bottom:5px;}
	.siteInfo .btn{width:auto;display:block;}
	.siteInfo .btn a{font-size:12px;height:28px;line-height:28px;}

	/*768px*/
	.relatedSite{padding:7.5px;}
	.relatedSite li{width:33.333%;}
	.relatedSite li .box{padding:7.5px;}

	/*768px*/
	#menu{margin-bottom:15px;}
	#menu li{font-size:14px;width:33.333%;}
	#menu li a{padding:5px;}

	/*768px*/
	.singlePage{padding-left:15px;padding-right:15px;}
	.singlePage .title{font-size:20px;}

	/*768px*/
	#submitSite{width:auto;}
	#submitSite .item{margin-bottom:10px;}
	#submitSite label{float:none;width:auto;text-align:left;height:auto;line-height:1.75em;margin-bottom:5px;font-size:14px;}
	#submitSite .ml4{margin-left:0;}

	.topad .list > div {width: 49%;}
	
}
.topad-ss{
	margin-bottom:1rem;
}
.topad {
    display: none;
    transition: max-height 0.5s ease;
}

.topad.open {
    /* 展开时的样式 */
    display: block;
    /* 其他样式 */
	max-height:500px;
}



/* 当按钮被点击时，.topad类名会添加.open类名 */
#toggle-topad:focus,
#toggle-topad:active {
    /* 按钮获得焦点或被点击时的样式 */
}

/* 确保.inner元素在展开时显示 */
.inner {
    /* 其他样式 */
}

/* 确保.list元素在展开时显示 */
.list {
    /* 其他样式 */
}

#toggle-topad {
   padding: 10px 20px;
  background-color: #3cadfb;
  color: white;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  font-family: Arial, sans-serif;
  font-size: 16px;
  transition: background-color 0.3s, color 0.3s;
  display: inline-block;
  cursor: pointer;
  border: 0;
  margin-top: 10px;
	height: 47px;
  	width: 100%;
}

#toggle-topad:hover
{
    /* 鼠标悬停或获得焦点时的样式 */
    background-color: #0056b3;
    color: #fff;
}

#toggle-topad:active {
    /* 按钮被点击时的样式 
    background-color: #0056b3;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);*/
}