@charset "utf-8";

:root {
	/* "Microsoft Yahei", sans-serif，tahoma; */
	--txt-font: system-ui, -apple-system, Arial, sans-serif;
	--color-primary: #FFD337;
	--color-white: white;
	--color-lightwhite: #f5f5f5;
	--color-black: #212529;

	--txt-size-normal: 1rem;
	--txt-size-little: .8rem;
	--txt-size-llittle: .6em;
	--txt-size-big: 1.2rem;
	--txt-size-bbig: 1.4rem;
	--border-radius: .4rem;
	font-size:16px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	cursor: default;
	font-family: var(--txt-font);
	border-spacing: 0;
	font-style: normal;
}

/*可选*/
html,body {width: 100%;height: 100%;font-size: 1rem;margin: 0 !important;}
var,area,map,bdo,dfn,font,ins,sup,time,tt,small{display:none;}
/*行内块元素*/
input,button,img {
	border: 0 none;
	outline-style: none;
	max-width: 100%;
	max-height: 100%;
	display: block;
	text-align: right;
	object-fit: cover;
}
.lrcenter {margin: 0 auto;}
/* 使用伪元素清除浮动 */
.clearfix::before, .clearfix::after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both;
}

.clearfix {clear: both;}
span,a {display: block;color: var(--color-black);text-decoration: none;}
a:hover {text-decoration: none;cursor: pointer;}
.bshadow {box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px;}
.nowrap {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nowrap2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	max-height: 3rem;
}
.emp {border: none !important;height: 0 !important;padding: 0 !important;margin: 0 !important;}
.hide {display: none !important;}
.bd {border: 1px solid red}
.pd {padding: .4rem;}
.pdlr {padding: 0 .4rem;}
.pdtb {padding: .4rem 0;}
.brds {border-radius: var(--border-radius)}
.ltxt {font-size: var(--txt-size-little);}
.lltxt {font-size: var(--txt-size-llittle);}
.btxt {font-size: var(--txt-size-big);}
.bbtxt {font-size: var(--txt-size-bbig);}
.textl {text-align: left;}
.textr {text-align: right;}
.textc{text-align: center;}
::placeholder {color: #B2B2B2;}
::-webkit-scrollbar {display: none;}
.fxwrap {flex-wrap: wrap;}
.fxnowrap {flex-wrap: nowrap;overflow-x: scroll;}
.fxnone {flex: none}
.fxauto {flex: auto}
.sticky {position: sticky;top: 0;z-index: 666;}

div.mask {position: fixed;top: 0;bottom: 0;z-index: 2;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.2);display: none;transition: display .2s, opacity 1.2s;}
div.mask_active {display: block;}

.fx {display: flex;}
.fxrow {flex-direction: row;}
.fxrowrev {	flex-direction: row-reverse;}
.fxcolumn {	flex-direction: column;}
.fxcolumnrev {	flex-direction: column;}
.fxnowrap {flex-wrap: nowrap;}
.fx_jc_start {justify-content: left;}
.fx_jc_end {justify-content: end;}
.fx_jc_between {justify-content: space-between;}
.fx_jc_around {justify-content: space-around;}
.fx_jc_center {justify-content: center;}
.fx_ai_start {align-items: flex-start;}
.fx_ai_end {align-items: flex-end;}
.fx_ai_center {align-items: center;}
.fx_ai_baseline {align-items: baseline;}
.fx_ai_stretch {align-items: stretch;}
.fx_ai_baseline {align-items: baseline;}
.gap {gap: .4rem;}
div.pagelist{margin-top:1rem;}
div.pagelist>a{
	line-height:2rem;
	padding:0 1rem;
	border-radius:.4rem;
	background-color:#eee;
}
header{border-bottom: 1px solid #eee;}
h1{font-size: var(--txt-size-bbig);}
h2{font-size: var(--txt-size-big);}
h3{font-size: var(--txt-size-normal);}

div.mainblock{width: 1200px;margin:0 auto;padding: .8rem;}
div.mainblock>h1{flex:none;}
div.mainblock>div.search{flex:auto;}
div.mainblock>div.search>form>input{
	border: 1px solid #eee;
	height: 3rem;
	min-width: 16rem;
	border-bottom-left-radius: .4rem;
	border-top-left-radius: .4rem;
	font-size: var(--txt-size-big);
	padding: 0 .8rem;	
}

img.menuicon{width: 2rem;height:2rem;display: none;}
.pcmenulist,footer{background: url(../alatabb1/imgs/bg.png) repeat,#8bc34a;}
.pcmenulist >div > nav{gap:2rem;line-height: 2rem;font-size: var(--txt-size-big);}
.pcmenulist > div > nav > a{color:#1d1d1d;}
.cbg{background: url(../alatabb1/imgs/bg.png) repeat,#8bc34a;}
.mbmenulist{
	position: absolute;
	right: -100%;
	top:0;
	bottom: 0;
	background-color:white;
	min-width: 18rem;
	max-width: 80%;
	transition: right .3s;
	z-index:666;
	display: none;
}
.mbmenulist_active{right:0;display:flex;}
.mbmenulist>img{width: 2rem;height: 2rem;	align-self: flex-end;margin:.8rem;}
.mbmenulist>nav{width: 100%;border-top: 1px solid #eee;	}
.mbmenulist>nav>a{padding: 1rem 0;border-bottom: 1px dashed #eee;width: 100%;text-align: center;}


div.container{gap:.8rem;}
div.container>div.content{flex:2;gap:.8rem;}
div.container>div.slide{flex:1;gap:.8rem;}
div.catsblock{gap:.8rem;}
div.catblock{width: 48%;border: 1px solid #eee;border-radius: var(--border-radius);}
div.catblock > div.head{line-height: 3rem;padding: 0 .8rem;border-top-right-radius: var(--border-radius);border-top-left-radius: var(--border-radius);}
div.catblock > div.head > h2{color:#1d1d1d;}
div.catblock > ul{padding: 0 2rem;}
div.catblock > ul > li{line-height: 3rem;list-style: arabic-indic;;direction: rtl;text-align: right;}
div.slide > div.catblock{width: 100%;}


div.alist > ul{max-width: 100%;}
div.alist > ul > li{padding: 1rem 0;border-bottom: 1px solid #eee;}
div.alist > ul > li>a>img{height: 8rem;width: 12rem;border-radius: var(--border-radius);flex:none;}
div.alist > ul > li>a>div{flex:auto;align-items: flex-start;}
div.alist > ul > li>a>div>h2{
	font-size: var(--txt-size-normal);
	flex:none;
	line-height: 1.5rem;
	width: 100%;
	display: block;
	text-align: right;
}

div.alist > ul > li>a>div>span.desc{
	color: #a4a4a4;
	flex:auto;
	line-height: 1.5rem;
	text-align: right;
	width: 100%;
}
div.alist > ul > li>a>div>span:last-child{
	background-color: #8bc34a;
    padding: .4rem .8rem;
    border: 1px solid #eee;
    width: 6rem;
    text-align: center;
    border-radius: var(--border-radius);
    align-self: flex-end;
    margin: 1rem 0;
    font-size: var(--txt-size-normal);
}
div.alist > ul > li>a>div>span:last-child:hover{cursor: pointer;}

div.article{
	text-align: center;
	background-color: white;
	width: 100%;
}
div.article>h1{
	margin:1rem auto;	
}
div.article>span{
	line-height: 3rem;
	color:#888;
	border-bottom: 2px dashed #eee;
	font-size: var(--txt-size-little);
}
div.article>div{
	margin:1rem;
	text-align:left;
	direction: rtl;

}
div.article>div img{
	max-width:50%;
	margin:1rem auto;
}

div.article>div > p{
	margin:.8rem 0;
	line-height:1.8rem;
}
div.updown > a{
	background-color: #f9f9f9;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	border-radius: var(--border-radius);
	max-width: 20rem;
}


div.tabblock{
	border: 1px solid #eee;
	border-radius: var(--border-radius);
	padding: .8rem;
	margin: .8rem auto;
}
div.tabblock > div.head{
	padding: .4rem 0;
	border-bottom: 1px solid #eee;
	
}
div.tabblock > div.head > h2{
	margin-right: 2rem;
}
div.tabblock > div.head > span{
	padding: .4rem 1rem;
}
div.tabblock > div.head > span:hover{
	cursor: pointer;
	background: url(../alatabb1/imgs/bg.png) repeat,#8bc34a;
}
div.tabblock > div.head > span.active{
	background: url(../alatabb1/imgs/bg.png) repeat,#8bc34a;
	border-radius: var(--border-radius);
	color:#1d1d1d;
}
div.tabblock > div.list > ul{
	display: none;
}
div.tabblock > div.list > ul.active{
	display: flex;
}
ul.imgnews{padding: .4rem;gap:.8rem;}
ul.imgnews > li{width: 30%;list-style: none;margin:.4rem 0;border: 1px solid #eee;}
ul.imgnews > li > a > img{
	height: 14rem;
	width: 100%;
	padding: 2px;
	border-radius: var(--border-radius);
}
ul.imgnews > li > a > h3{
	font-size: var(--txt-size-normal);
	padding: .4rem .8rem;
	line-height: 2rem;
	text-align: right;

}
.novelblock{
	border:1px solid #eee;
}
.novelblock > div{padding: .8rem;}
ul.ximgnews{
	width: 100%;
	gap:1rem;
	padding: 1rem;
}
ul.ximgnews > li {
	width: 48%;
}
ul.ximgnews_cls3 > li{
	width: 31%;
}
ul.ximgnews > li > a > img{
	width: 35%;
	height:10rem;
	flex:none;
	padding: 2px;
}
ul.ximgnews > li > a > div{
	width: 75%;
	overflow: hidden;
}
ul.ximgnews > li > a > div > h2{border-bottom: 2px dashed #eee;padding-bottom: .4rem;text-align: right;direction: rtl;}
ul.ximgnews > li > a > div > p{
	line-height:1.4rem;
	height: 5rem;
	margin-top:.8rem;
	font-size:var(--txt-size-little);
	color:#AAA;
	direction: rtl;
	text-align: right;
}
ul.ximgnews > li > a > div > button{
	background-color: #8bc34a;;
	padding: .4rem .8rem;
	border: 1px solid #eee;
	width: 6rem;
	text-align: center;
	border-radius: var(--border-radius);
	align-self: flex-end;
	margin:1rem 0;
	font-size:var(--txt-size-normal);
}
ul.ximgnews > li > a > div > button:hover{cursor: pointer;}

img.limg{
	width: 20%;
	height:6rem;
}
ul.ximgnews > li > ul.titlenews{
	padding: .4rem;
	
}
ul.ximgnews > li > ul.titlenews > li{
	font-size:var(--txt-size-little);
	line-height: 1.4rem;
	border-bottom: 1px dashed #eee;
	position: relative;
	text-align: right;
	padding-right: 1.2rem;
}
ul.ximgnews > li > ul.titlenews > li > a{margin-left:1rem;}
ul.ximgnews > li > ul.titlenews > li::before{
	content: "<";
	position: absolute;
	right: 0;
	height: 1rem;
	width: 1rem;
	
}

div.pclogo>h1>a{color:#1d1d1d;}
footer{color:#1d1d1d;}
@media (max-width: 1200px) {div.mainblock{width: 100% ;}}
@media (max-width: 1024px) {
	ul.ximgnews > li{width: 48%;}

	ul.ximgnews > li > a > img{height: 10rem;}
}
@media (max-width: 768px) {
	div.mainblock>div.search>form{display: none;}
	img.menuicon{display: block;}
	div.mainblock>h1{font-size: var(--txt-size-bbig);}
	.pcmenulist{display: none;}
	div.pclogo{background: url(../alatabb1/imgs/bg.png) repeat,#8bc34a;display:flex;}
	/* div.slide{display: none;} */
	ul.ximgnews > li {width: 100%;}
	div.container>div.content{max-width: 100%;order:-1;}
	div.container{flex-direction: column;}
	ul.imgnews > li > a > img{height: 8rem;}
}
@media (max-width: 576px){
	div.catblock {width: 100%;}
	ul.imgnews > li{width: 47%;}
}