/*
	Theme Name: 123DIR主题
	Theme URI: https://www.123dir.com/
	Author: 小叶
	Author URI: https://www.123dir.com/
	Description: 
	Version: 1.0.0
*/
@charset "UTF-8";

:root {
    --pm-c: #409EFF;
    --br-c: #F2F6FC;
    --md-c: #909399;
	--bg-c: #f8f8f8
}
.uk-width-2-4 {
	width: 50% !important;
}
a,a:hover {
	font-size: 14px;
	text-decoration: none;
	color: #333;
}
ul,ol {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.bg-gradient {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}
.c-md {
	color: var(--md-c);
}
.c-pm {
	color: var(--pm-c);
}

.line-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.line-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}
.line-4 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
}
/*图片高清*/
/*img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	object-fit: cover;
}*/
html,body {
	color: #333;
	font-size: 14px;
	background-color: var(--bg-c);
	background-size: cover;
	background-attachment: fixed;
}
.uk-container {
	max-width: 1330px;
}
.module {}
.bg-fff {
	background-color: #fff;
}
.pa10 {
	padding: 10px;
}
.pa20 {
	padding: 20px;
}
.pa30 {
	padding: 30px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.br4 {
	border-radius: 4px !important;
}
.br6 {
	border-radius: 6px !important;
}
.br10 {
	border-radius: 10px !important;
}
.header {
	box-shadow: 2px 0 8px 0 rgba(0, 0, 0, .03);
}
.bb {
	border-bottom: 1px solid var(--br-c);
}
.header .logo {}
.header .logo a {
	display: inline-block;
	height: 38px;
}
.header .logo img {
	height: 100%;
	width: auto;
	border-radius: 4px;
}
.header .submit {
	background-color: #ff5d4a;
	color: #fff;
	padding: 6px 12px;
	border-radius: 4px;
}
.header .nav {
		text-align: center;
}
.header .nav li {
	display: inline-block;
	margin: 0 20px;
}
.header .nav li a {
	font-size: 15px;
	color: #606266;
}
.header .nav .current-menu-item a {
	font-weight: bold;
	color: var(--pm-c);
}

.part-title {}
.part-title .title {
	font-weight: bold;
	font-size: 15px;
	color: #111;
}
.part-title .more {
	color: #909399;
	font-size: 13px;
}

/*首页广告*/
.home-ads {}
.home-ads .uk-grid {
    margin-left: -5px;
}
.home-ads .uk-grid-small>* {
	padding-left: 5px;
}
.home-ads .uk-grid-small>.uk-grid-margin {
    margin-top: 5px;
}
.home-ads .ads-img {
	overflow: hidden;
	height: 55px;
	display: block;
	background-color: #f8f8f8;
	position: relative;
}
.home-ads .ads-img:before {
	content: '免费广告位';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #909399;
	font-size: 13px;
	transform: translate(-50%,-50%);
}
.home-ads .ads-img img {
	z-index: 10;
	position: relative;
}
.home-ads ul {
	margin-top: 10px;
	display: flex;
    flex-wrap: wrap;
}
.home-ads ul li {
	width: 25%;
	margin-top: 10px;
	text-align: center;
}
.home-ads ul li a {
	font-weight: bold;
}
.home-ads ul li:nth-child(1) a,
.home-ads ul li:nth-child(3) a,
.home-ads ul li:nth-child(6) a,
.home-ads ul li:nth-child(8) a,
.home-ads ul li:nth-child(9) a,
.home-ads ul li:nth-child(11) a {
	color: var(--pm-c);
}


/*首页菜单*/
.home-menu {
	
}
.home-menu>ul {
    width: 100%;
    height: 620px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.home-menu>ul>li {
	margin-bottom: 10px;
}
.home-menu>ul>li:last-child {
	margin-bottom: 0;
}
.home-menu>ul>li>a {
	display: block;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 15px;
	color: #111;
	border-bottom: 1px solid var(--br-c);
}
.home-menu .sub-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2px;
    padding: 0;
}
.home-menu .sub-menu li {
	width: 50%;
	display: inline-block;
	margin-bottom: 4px;
	text-align: center;
}
.home-menu .sub-menu li a {
    display: flex;
    font-size: 13px;
    border-radius: 4px;
    padding: 8px 10px;
    margin: 0 2px;
    color: #888;
    background: #f8f8f8;
    position: relative;
}
.home-menu .sub-menu li span {
    display: block;
    flex: 1;
    overflow: hidden;
}
.home-menu .sub-menu li small {
    color: #C0C4CC;
}
.home-menu .sub-menu .hot {
	display: block;
	background: #ffedeb;
	color: #ff5d4a;
	font-weight: bold;
	font-style: normal;
}
.home-menu .sub-menu li:hover a {
	background-color: var(--pm-c);
	color: #fff;
}
.home-menu .sub-menu li:hover small {
    color: rgb(255 255 255 / 80%)
} 

/*首页轮播图*/
.home-banner {
	height: 298px;
}
.home-banner .uk-slideshow-items {
	min-height: 100% !important;
}

/*首页统计*/
.home-count {
	background-color: var(--pm-c);
	display: flex;
	align-items: center;
}
.home-count .item {
	width: 33.33%;
	text-align: center;
	letter-spacing: .5px;
	border-right: 1px solid rgba(255, 255, 255, .15)

}
.home-count .item:last-child {
	border: 0;
}
.home-count .item b {
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    font-family: fantasy;
}
.home-count .item span {
	font-size: 13px;
}

/*公告通知*/
.home-notice {
    
}
.home-notice ul {
    height: 110px;
    overflow-y: scroll;
    margin-top: 15px;
}
.home-notice ul li {
    display: flex;
    align-items: center;
    padding: 10px;
}
.home-notice ul li:nth-child(odd) {
    background: #f8f8f8;
}
.home-notice ul li span {
    display: inline-block;
    margin-right: 10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.home-notice ul li .gg {
    color: #fff;
    background: #ff9800;
}
.home-notice ul li .zx {
    color: #fff;
    background: #2196f3;
}
.home-notice ul li .tj {
    color: #fff;
    background: #ff5722;
}
.home-notice ul li a {
    line-height: normal;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*最新收录*/
.home-include {}
.home-include .item {
	min-height: 20px;
	display: flex;
	align-items: center;
	color: #606266;
	background-color: #f8f8f8;
	border-radius: 4px;
	font-size: 14px;
}
.home-include .item:hover {
	background-color: var(--pm-c);
	color: #fff;
}
.home-include .item .icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	overflow: hidden;
}

/*推荐网站*/
.home-recom {}
.home-recom .item {
	display: block;
	background-color: #f8f8f8;
	padding: 5px;
}
.home-recom .item:hover {
	background-color: var(--pm-c);
}
.home-recom .item .thumb {
	height: 88px;
}
.home-recom .item .title {
	text-align: center;
	margin-top: 5px;
	font-size: 14px;
	line-height: 22px;
	color: #606266;
}
.home-recom .item:hover .title {
	color: #fff;
}

/*首页游戏*/
.home-games {}

.home-games .left {
	display: block;
	height: 70px;
}
.home-games .left .star {
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #fde701;
	transform: translate(-50%,-50%);
	padding: 0 16px;
	border-radius: 4px;
	opacity: 0;
	transition: all .3s;
	line-height: 36px;
}
.home-games .left:hover .star {
	opacity: 1;
	top: 50%;
	padding: 0 16px;
}

/*网站列表*/
.home-site {}
.home-site .item {
	display: block;
	font-size: 15px;
	background-color: #fff;
}
.home-site .item:hover {
	background-color: var(--pm-c);
}
.home-site .item .icon {
	width: 38px;
	height: 38px;
	overflow: hidden;
	margin-right: 12px;
	position: relative;
	background-color: #f8f8f8;
}
.home-site .item .icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;
	max-width: 100%;
}
.home-site .item .title {
	margin-bottom: 2px;
}
.home-site .item .title a {
	font-size: 15px;
}
.home-site .item .cname {
	font-size: 13px;
	color: #909399;
}
.home-site .item:hover .cname {
	color: rgb(255 255 255 / 70%);
}
.home-site .desc {
	border-top: 1px solid var(--br-c);
	margin-top: 15px;
	padding-top: 15px;
	font-size: 13px;
	color: #909399;
}
.home-site .item:hover .title,
.home-site .item:hover .desc {
	color: #fff;
}
.home-site .item:hover .desc {
	border-top: 1px solid rgb(255 255 255 / 20%)
}
.home-site .item:hover .icon {
	background-color: transparent;
}

/*首页资讯*/
.home-news {}
.home-news .item {}
.home-news .item .thumb {
	width: 80px;
	height: 60px;
	background-color: #f8f8f8;
	margin-right: 15px;
}
.home-news .item .thumb span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	color: #C0C4CC;
}
.home-news .item .title {
	margin-bottom: 15px;
}
.home-news .item .title a {
	font-size: 15px;
}

.home-news .item .time {
	color: #909399;
}
.home-news>.uk-grid-margin {
	margin-top: 20px;
}
.home-news>.uk-grid-margin .item {
	padding-top: 20px;
    border-top: 1px dashed var(--br-c);
}

/*首页排行*/
.home-rank {
	height: 262px;
	overflow-y: scroll;
}
.home-rank::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background-color: var(--bg-c);
}
.home-rank::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 5px;
}
.home-rank::-webkit-scrollbar-track {
	background-color: var(--bg-c);
}
.home-rank::-webkit-scrollbar-corner {
	background-color: var(--bg-c);
}
.home-rank li {
	margin-bottom: 15px;
}
.home-rank li:last-child {
	margin-bottom: 0;
}
.home-rank li .num {
	font-weight: bold;
	margin-right: 15px;
	color: #C0C4CC;
	width: 15px;
}
.home-rank li:nth-child(1) .num {
	color: #ff5d4a;
}
.home-rank li:nth-child(2) .num {
	color: #ff8c48;
}
.home-rank li:nth-child(3) .num {
	color: #ffbf4a;
}
.home-rank li a {
	display: block;
	font-size: 15px;
	flex: 1;
}
.home-rank li .hot {
	color: #909399;
	margin-right: 5px;
}

/*友情链接*/
.home-link {}
.home-link li {
	display: inline-block;
	margin-right: 15px;
}
.home-link li a {
	color: #606266;
    font-size: 13px;
}


/*分类页*/
.category {}
.category .category-menu ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2px;
	padding: 0;
}
.category .category-menu li {
	width: 33.33%;
	display: inline-block;
	text-align: center;
	margin-bottom: 4px;
}
.category .category-menu li a {
    font-size: 13px;
    border-radius: 4px;
    display: block;
    padding: 8px 0;
    margin: 0 2px;
    color: #888;
    background: #f8f8f8;
    position: relative;
}
.category .category-menu .current-cat a,
.category .category-menu li a:hover {
	background-color: var(--pm-c);
    color: #fff;
}

.category .category-news {}
.category .category-news .item {
	border-bottom: 1px solid var(--br-c);
}
.category .category-news .thumb {
	width: 160px;
	height: 115px;
	margin-right: 15px;
}
.category .category-news .title {}
.category .category-news .title a {
	font-size: 16px;
}
.category .category-news .desc {
	color: #909399;
	margin: 10px 0;
	line-height: 24px;
}
.category .category-news .foot {
	color: #909399;
}
.category .category-news .foot span {
	margin-right: 20px;
}


/*分页*/
.fenye {}
.fenye {}
.prev, .next {}
.fenye .page-numbers {
	background: #fff;
	display: inline-block;
	padding: 7px 15px;
	border-radius: 4px;
	margin-right: 6px;
	color: #666;
	border: 1px solid #F6F6F6
}

.fenye .current {
	background-color: var(--pm-c);
	color: #fff;
	border:none;
}
.fenye .current:hover {
	border: none!important;
}
.fenye .page-numbers:hover {
	background-color: var(--pm-c);
	color: #fff;
}


/*文章页*/
.single {}
.single .single-content {}
.single .single-content h3 {
	padding: 8px;
	font-size: 15px;
	background-color: var(--bg-c);
	border-left: 4px solid var(--pm-c);
	padding-left: 10px;
	letter-spacing: .5px;
	font-weight: bold;
}
.single .single-content p {
	font-size: 15px;
	line-height: 30px;
	color: #606266;
	text-indent: 2em;
}
.single .single-content p img {
	display: block;
	max-width: 86%;
	margin: 0 auto;
	text-indent: -2em;
}

.single-site {}
.single-site .site-content {}
.single-site .site-content p {
	text-indent: 0 !important;
}
.single-site .site-head {}
.single-site .site-head .icon {
	width: 24px;
	height: 24px;
	position: relative;
	border-radius: 4px;
    background-color: #f8f8f8;
    margin-right: 15px;
    border: 1px solid #eee;
}
.single-site .site-head .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-width: 100%;
}
.single-site .site-head h1 {
	font-size: 22px;
	line-height: 22px;
	margin: 0;
    transform: translateY(-1px);
}
.single-site .site-head .info {}
.single-site .site-head .info span {
	color: #909399;
}
.single-site .site-head .info span a {
	color: #909399;
}
.single-site .site-desc {
    border-top: 1px solid var(--br-c);
	border-bottom: 1px solid var(--br-c);
    padding: 20px 0;
    margin: 20px 0;
    font-size: 14px;
    color: #606266;
    line-height: 24px;
}
.single-site .site-desc p {
    margin: 0;
}
.single-site .site-weight {
    margin-bottom: 20px;
	border-bottom: 1px solid var(--br-c);
    padding-bottom: 20px;
}
.single-site .site-weight .item {
	text-align: center;
}
.single-site .site-weight .item em {
	display: block;
	width: 55px;
	height: 22px;
	position: relative;
	text-indent: 25px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	font-style: normal;
}
.single-site .site-weight .item span {
	color: #909399;
	font-size: 13px;
}
.single-site .site-weight .icon_baidupc {
	background-image: url(./assets/images/icon_baidupc.png);
}
.single-site .site-weight .icon_baidu {
	background-image: url(./assets/images/icon_baidu.png);
}
.single-site .site-weight .icon_so360pc {
	background-image: url(./assets/images/icon_so360pc.png);
}
.single-site .site-weight .icon_so360mobile {
	background-image: url(./assets/images/icon_so360mobile.png);
}
.single-site .site-weight .icon_sogoupc {
	background-image: url(./assets/images/icon_sogoupc.png);
}
.single-site .site-weight .icon_sogoumobile {
	background-image: url(./assets/images/icon_sogoumobile.png);
}
.single-site .site-weight .icon_bing {
	background-image: url(./assets/images/icon_bing.png);
}
.single-site .site-weight .icon_sm {
	background-image: url(./assets/images/icon_sm.png);
}

.site-tab {
    border-top: 1px solid var(--br-c);
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    overflow: hidden;
    position: relative;
}
.site-tab li {
    padding: 0 15px;
    font-size: 13px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--br-c);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-tab li span {
    display: inline-block;
    padding: 12px 0; 
    color: #666;
}

.site-tab li .t {
    border-right: 1px solid var(--br-c);
}
.site-tab li .v {
    margin-left: 15px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.site-tab .uk-width-1-1 {
    border-left: 1px solid var(--br-c);
}
.site-tab .uk-width-1-2 {
    border-left: 1px solid var(--br-c);
}
.site-tab .tags a {
    color: #666;
}
.site-tab .tags a:after {
    content: ',';
}
.site-tab .tags a:last-child:after {
    display: none;
}
.site-tab .thumb {
    width: 150px;
    padding: 12px;
    border-left: 1px solid var(--br-c);
    border-bottom: 1px solid var(--br-c);
}
.post-like {
    text-align: center;
}
.post-like .likein {
    cursor: pointer;
    display: inline-block;
    background-color: #ff5d4a;
    color: #fff;
    padding: 8px 24px;
    border-radius: 4px;
}
.post-like .count {
    margin-left: 2px;
}



.single-news {}
.single-news .news-head {
	border-bottom: 1px solid var(--br-c);
	padding-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.single-news .news-head h1 {
	font-size: 22px;
	margin-bottom: 30px;
}
.single-news .news-head .info {}
.single-news .news-head .info span {
	display: inline-block;
	margin: 0 30px;
	color: #909399;
}
.single-news .news-head .info span a {
	color: #909399;
}



.page {}
.page .page-header {
    padding: 10px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--br-c);
    margin-bottom: 40px;
}
.page .page-header h1 {
    font-size: 22px;
    margin: 0;
}
.page .subimt-form {}
.page .subimt-form .form-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
}
.page .subimt-form .form-item select,
.page .subimt-form .form-item textarea,
.page .subimt-form .form-item input {
    border-radius: 4px;
    font-size: 13px;
}
.page .subimt-form .form-item .desc {
    flex: 1;
    color: #606266;
    overflow: hidden;
}
.page .subimt-form .form-item .desc b {
    color: #222;
}
.page .subimt-form #get-site-data {
    display: inline-block;
    padding: 9px 12px;
    background: var(--pm-c);
    color: #fff;
    border-radius: 3px;
    margin-right: 15px;
    cursor: pointer;
}
.page .page-menu {}
.page .page-menu li a:hover,
.page .page-menu .current-menu-item a {
    background: var(--bg-c);
    border-radius: 4px;
    color: #303133;
    font-weight: bold;
}
.page .page-menu li {}
.page .page-menu li a {
    font-size: 15px;
    display: block;
    line-height: 48px;
    text-indent: 2em;
    color: var(--md-c);
}
        
/*网站底部*/
.footer {
	color: #606266;
}
.foot-menu {


}
.foot-menu li {
	display: inline-block;
	margin-left: 20px;
}
.foot-menu li a {
	color: #606266;
    font-size: 13px;
}
.foot-cop {
	border-top: 1px solid var(--br-c);
	padding-top: 30px;
	margin-top: 30px;
}
.foot-cop a {
	color: #606266;
}
.foot-logo img {
    height: 40px;
}