body{
	margin:0;
	padding:0;
	/**
	background:url(data/init/nbg/bgcaoyuan.jpg) #000 no-repeat left top;
	background-color: #07031d;
    background-image: linear-gradient(43deg, #07031d 0%, #120a31 22%, #000000 49%, #0c0448 75%, #0c0342 100%);
	**/
	overflow:hidden;
	background: linear-gradient(to right, #345678, #737A80, #e2b29f);
	background-size: 100% 1000px;  
	animation: scrollBg 10s linear infinite; 
	font-family:roboto, -apple-system, BlinkMacSystemFont, segoe ui, Helvetica, Arial, sans-serif;
}

.writeBox{
	width:100%;
	height:100%;
	min-height:420px;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:9999999;
	background-image: linear-gradient(#E0FFFF, #fff);
	text-align:right;
	padding:10px;
	font-size:17px;
	border-radius:5px;
	
}

.writeBox blockquote{
	padding: 10px 8px 10px 10px;
    margin: 10px 5px;
    background-color: #f7f7f7;
    border-left: 6px solid #00B782;
    word-break: break-word!important;
    word-break: break-all;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #555;
	overflow-x:auto;
}

.writeBox .marea{
		height:150px;
		max-height:150px;
		overflow-x:hidden;
		overflow-y:auto;
	}

.writeBox .previewArea{
	 color:#093;
	 font-size:12px;
}
.writeBox .previewArea a{
	text-decoration:underline;
	color:#093;
}

.writeBox .previewX{

}

.writeBox .previewX .c{
	text-align:left;
	padding:5px 25px;
	margin:0px 8px;
	overflow-x:hidden;
	overflow-y:scroll;
	word-break:break-word;
	word-wrap:break-all;
	height:93%;
	border:3px inset #999;
	background-image: linear-gradient(#fdfffc, #feffef);
	line-height:27px;
	margin-top:-5px;
	border-radius:8px;
}

.writeBox .previewX .c::-webkit-scrollbar
{
    width:16px;
    height:16px;
    background-color:#F5F5F5;
	display:block;
}

.writeBox .studyArea{
	margin:20px auto;
	background-color:#CCFFCC;
	color:#003333;
	padding:10px 0;
	text-align:center;
}
.writeBox .studyArea #userId{
	padding:7px 10px;
	margin-top:20px;
}

.writeBox .studyArea .studyLogBtn{
	background-color:#33CC99;
	color:white;
	padding:5px 10px;
	border-radius:5px;
	cursor:pointer;
	margin-top:20px;
}

.writeBox .studyArea .studyList{
	text-align:left;
}

.writeBox .studyArea .studyList ul.stdlst{
	background:linear-gradient(#CCFFCC, #E0FFFF);
	padding:5px;
	
}

.writeBox .studyArea .studyList ul.stdlst li{
	list-style-type:none;
	font-size:14px;
	color:#666;
	text-align:left;
	padding:0 10px;
}
.writeBox .studyArea .studyList ul.stdlst li i{
	font-size:12px;
	color:gray;
}

.writeBox .jwReadX{
	background-color:#efe;
	padding:15px;
	border-radius:5px;
}

.writeBox .jwReadX .jwReadBtn{
	background-color:#9ff;
	border-radius:5px;
	padding:10px 20px;
	display:block;
	width:150px;
	margin:10px auto;
	font-size:15px;
}

.writeBox .jwReadX .jwReadList{
	background-color:linear-gradient(#cff,#ffc);
}

.writeBox #writeBoxDuring{
	padding:3px 10px;
	width:85%;
	max-width:300px;
	background-color:#494;
	color:white;
}
.writeBox .writeBoxDuringArea{
	display:none;
}
.writeBox .writeBoxDuringUpdate{
	display:none;
	color:#494;
	padding-left:5px;
	font-size:12px;
}

.writeBox #writeBoxPLCode{
	padding:3px 10px;
	width:60px;
	max-width:100px;
	background-color:#c93;
	color:white;
}
.writeBox .writeBoxPLYZArea{
	display:none;
}
.writeBox .writeBoxPLCodeUpdate{
	display:none;
	color:#494;
	padding-left:5px;
	font-size:12px;
}

.writeBox #mkey{
	padding:5px 10px;
	width:95%;
}
.writeBox ul.mlist{
	text-align:left;
	border:1px solid #ddd;
	padding:5px;
	border-radius:5px;
	color:#595959;
}
.writeBox ul.mlist li{
	list-style-type:none;
	line-height:24px;
}
.writeBox ul.mlist li a{
	color:#09c;
	font-size:15px;
}
.writeBox ul.mlist li a.over{
	background-color:#09c;
	color:white;
	text-decoration:none;
}
.writeBox .c{
	text-align:left;
	padding:5px 25px;
	margin:0px 8px;
	overflow-x:hidden;
	overflow-y:auto;
	word-break:break-word;
	word-wrap:break-all;
	height:93%;
	border:1px inset #ddd;
	background-image: linear-gradient(#fff, #F0FFFF);
	line-height:27px;
	margin-top:-5px;
	border-radius:8px;
	font-size:16px;
	letter-spacing:1px;
	line-height:1.75;
}
.writeBox .c a{
	color:#09c;
}

.writeBox .c .cintro{
	color:#999;
	border-left:5px solid #ddd;
	padding:5px 15px;
	line-height:18px;
	font-size:15px;
}

.writeBox .c h1{
	font-size:22px;
	margin-top:25px;
}

.writeBox .c h2{
	font-size:20px;
}

.writeBox .c h3{
	font-size:18px;
	padding:5px 0;
}



.writeBox .c .backnum{
	
	padding:7px 5px 5px 0;
	margin:0px 10px 15px -10px;
	font-size:14px;
	text-align:right;
	color:#394959;
	

}

.writeBox .c .popEWM{
	margin:0 5px;
	color:#394959;
	text-decoration:none;
	
}

.writeBox .c .popAdd2Info{
	margin:0 3px;
	color:#677;
	text-decoration:none;
	font-size:15px;
}

.writeBox .c #navContainer{
	background-color:#f0f0f0;
}


.writeBox .c #navContainer button{
	padding:3px 5px;
	display:inline-block;
	margin:3px 0;
	max-width:30px;
}

.writeBox .c #navContainer select{
	font-size:12px;
	background:none;
	padding:0px;
	margin:0;
	padding:0;
	max-width:30px;
}


.writeBox #aimCode{width:100px;}
.writeBox #aimCodeSn{width:100px;}
.writeBox #aimCodeInfo{}
.writeBox #aimCodeBtn{padding:5px 15px;}

.writeBox .c .backnum a.jumpNum{
	color:#099;
	font-weight:bold;
}
.writeBox .addCNext{
	margin:10px;
	padding:10px;
	color:#09c;
	display:block;
}

.writeBox .pl{
	margin:20px auto;
	width:95%;
	padding:10px;
}
.writeBox .pl #pltext{
	padding:5px 10px;
	height:70px;
	width:97.5%;
}
.writeBox textarea.cmdPL,.writeBox input.cmdPL{
	background-color:black;
	color:white;
	font-style:italic;
	padding:15px;
}
.writeBox .c .cmdArea{
	margin:5px 0 0 0;
	text-align:left;
}

.writeBox .c .cmdArea a{
	padding:5px 5px 0 0;
	color:#333;
	font-size:12px;
}

.writeBox .pl{
	text-align:right;
}

.writeBox .pl button{
	margin:5px 0 5px 0;
}

.writeBox .plSearch{
	margin:5px;
	padding:5px;
	text-align:center;
}

.writeBox .plSearch .plSearchText{
	padding:3px 5px;
	box-sizing:content-box;
	max-width:100px;
}

.writeBox .plSearch .plSearchBtn{
	padding:2px 4px;
	box-sizing:content-box;
}

.writeBox .plNotice{
	font-size:12px;
	color:#930;
	padding:8px;
}

.writeBox .plNotice input[type="checkbox"]{
	vertical-align:middle;
}

.writeBox .plNotice .plnoticeInfo{
	vertical-align:middle;
}





.writeBox h4{
	font-size:15px;
	padding:5px 10px;
	border-bottom:1px dotted #ddd;
	position:relative;
}
.writeBox h4 a{
	position:absolute;
	right:0;
	font-weight:normal;
	font-size:12px;
}

/*2024-11-14 评论分页部分*/
.hisPLBox{
	margin:5px;
	border-bottom:1px solid #ddd;
	padding:5px 0;
	font-size:12px;
	text-align:center;
}

.hisPLBox .plcount,.hisPLBox .plpages{
	color:red;
}

.hisPLBox a.prevPage{
	margin:3px;
	color:white;
	padding:3px;
	text-decoration:none;
	background-color:#096;
	border-radius:5px;
}

.hisPLBox a.nextPage{
	margin:3px;
	color:white;
	padding:3px;
	text-decoration:none;
	background-color:#c50;
	font-size:12px;
	border-radius:5px;
}

.hisPLBox span.currentPage{
	color:#456;
	font-weight:bold;
	border:1px solid #456;
	border-radius:5px;
	min-width:25px;
	text-align:center;
	display:inline-block;
}

.hisPLBox a.nopage{
	background-color:gray;
	color:#fff;
	border:1px solid #777;
}

.hisPLBox a.firstPage,.hisPLBox a.lastPage{
	background-color:#09c;
	color:#fff;
	text-decoration:none;
	border:1px solid #777;
	border-radius:3px;
	padding:3px;

}

.hisPLBox span.pageinit{
	margin:0 5px;
}



.writeBox .pls{
	font-size:14px;
	color:#835;
}
.writeBox .pls b{
	margin-right:5px;
	color:#09c;
	font-weight:bold;
}
.writeBox .pls li{
	display:block;
	list-style-type:none;
	margin:30px 5px 30px -30px;
	padding:10px;
	border:1px solid #dedede;
	border-radius:5px;
	background-color:white;

}
.writeBox .pls i{
	margin-left:5px;
	color:gray;
	font-size:12px;
}
.writeBox .pls li .plreply{
	margin-left:5px;
	font-size:12px;
	color:DarkKhaki;
}
.writeBox .pls li .plreplyC{
	margin:8px;
	border:1px solid #ccc;
	border-radius:5px;
	background-color:white;
	padding:10px;
	font-size:12px;
	color:#778899;
	text-indent:7px;
	width:500px;
	max-width:85%;
}

.writeBox .pls li .plreplyC img.cimg{
	max-width:95%;
	display:block;
	margin:10px 0;
}

.writeBox .pls li span.plcc{
	text-indent:0;
	font-size:12px;
}

.writeBox .pls li span.plcc .sentences .sentence,.writeBox .pls li span.plcc .csentences .csentence{
	font-size:12px;
}

/* 提示框小角的小方块 */

.writeBox .pls li .plreplyC .angle{
	background-color:#fff;
	width:5px;
	height:5px;
	border:1px solid #ccc;
	/* 旋转小方块并调整位置形成尖角 */
	position:relative;
	left:20px;
	top:-14px;
	transform:rotate(45deg);
	border-right:0px;
	border-bottom:0px;
}

.writeBox .pls li .plreplyC b{
	color:purple;
}
.writeBox .pls li span.vkw{
	color:#09c;
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
}

.writeBox .pls li img.cimg{
	max-width:300px;
	display:block;
	margin:10px 0;
}

.writeBox .pls li b.plfloor{
	background-color:#99CC99;
	color:white;
	padding:3px 5px;
	border-radius:5px;
	font-size:10px;
	font-weight:normal;
}

.writeBox .c .vote{
	border:1px solid #ddd;
	border-radius:5px;
	margin:8px 0 5px 0;
	font-size:15px;
}

.writeBox .c .vote_item,.writeBox .c .vote_item2{
	cursor:pointer;
	background-image: linear-gradient(#fcfdfc, #f1f4f6);
	padding:10px;
	border-bottom:1px dotted #ddd;
}

.writeBox .c .vote_item:hover,.writeBox .c .vote_item2:hover{
	background-image: linear-gradient(#f1f2f3,#fafbfc);
	color:#444;
}

.writeBox .c .vote_item_text{
	padding:10px;
	margin:5px 0;
	width:80%;
}

.writeBox .c .vote_item_btn{
	padding:8px 10px;
	margin:5px;
}

.writeBox .c .vote_item_c{
	float:left;
	width:65%;
}

.writeBox .c .vote_item_ci{
	float:left;
	width:15%;
	text-align:center;
}

.writeBox .c .vote_item_percent{
	float:left;
	width:20%;
	text-align:center;
	font-size:12px;
	color:#093;
}

.writeBox .c .kaoshiItem{
	min-height:100px;
	border:1px dotted #def;
	padding:10px 5px;
	border-radius:5px;
	margin:10px 0;
	color:#987;
	font-size:14px;
}

.writeBox .c .kaoshiItem .kaoshi{color:#333;}

.writeBox .c .kaoshi{
	border:1px solid #ddd;
	border-radius:5px;
	margin:8px 0 5px 0;
	font-size:15px;
}

.writeBox .c .kaoshi .kaoshi_item,.writeBox .c .kaoshi .kaoshi_item2{
	cursor:pointer;
	background-image: linear-gradient(#f1f2f3, #efecef);
	padding:10px;
	border-bottom:1px dotted #ddd;
}

.writeBox .c .kaoshi .kaoshi_item:hover,.writeBox .c .kaoshi .kaoshi_item2:hover{
	background-image: linear-gradient(#d2d3d4,#e2e3e4);
	color:#111;
}

.writeBox .c .kaoshi .kaoshi_item_drop{
	background-image: linear-gradient(#79d3fd,#f2e3ee);
	color:#111;
	cursor:pointer;
	padding:10px;
	border-bottom:1px dotted #ddd;
}

.writeBox .c .kaoshi .kaoshi_item_ok{
	border-left:3px solid #9b0000;
}

.writeBox .c .kaoshi .kaoshi_item_text{
	padding:10px;
	margin:5px 0;
	width:80%;
}

.writeBox .c .kaoshi .kaoshi_item_btn{
	padding:8px 10px;
	margin:5px;
}

.writeBox .c .kaoshi .kaoshi_item_c{
	float:left;
	width:60%;
}

.writeBox .c .kaoshi .kaoshi_item_result{
	float:left;
	width:10%;
	text-align:center;
}

.writeBox .c .kaoshi .kaoshi_item_ci{
	float:left;
	width:15%;
	text-align:center;
}

.writeBox .c .kaoshi .kaoshi_item_percent{
	float:left;
	width:15%;
	text-align:center;
	font-size:12px;
	color:#093;
}

.writeBox .c .kaoshi_result_success{
	background-color:#009966;
	color:white;
	padding:5px;
	font-size:15px;
	position:relative;
}

.writeBox .c .kaoshi_result_fail{
	background-color:#ff3388;
	color:white;
	padding:5px;
	font-size:15px;
	position:relative;
}

.writeBox .c .kaoshi_result_success a.enEXBtn,.writeBox .c .kaoshi_result_fail a.enEXBtn{
	position:absolute;
	right:15px;
	top:8px;
	padding:3px 8px;
	background-color:#ffdd00;
	color:#345;
	font-size:12px;
	line-height:16px;
	border-radius:2px;
	text-decoration:none;
}

.writeBox .c .kaoshi_result_success .enEXDIV,.writeBox .c .kaoshi_result_fail .enEXDIV{
	background-color:#efefef;
	padding:10px;
	border:1px solid #ddd;
	margin:5px;
	color:#333;
}
.writeBox .c .enEXDIV h1,.writeBox .c .enEXDIV h2,.writeBox .c .enEXDIV h3{
	margin:0;
	padding:0;
	margin:5px 0;
}

.writeBox .c .kaoshiNav{
	background-color:#cff;
	padding:8px;
	margin:25px 0 5px 0;
	border-radius:5px;
	border:1px solid #aaa;
	font-size:15px;
}
.writeBox .c .kaoshiNav .kaoshiN,.writeBox .c .kaoshiNav .kaoshiMark,.writeBox .c .kaoshiNav .kaoshiMarkMine{
	font-weight:bold;
	color:red;
}

.writeBox .c .kaoshiNav #postMyUid{
	box-sizing:content-box;margin:3px;display:inline-block;padding:5px 8px;
	width:120px;
}

.writeBox .c .kaoshiNav .postKaoshiBtn{
	box-sizing:content-box;margin:3px;display:inline-block;padding:5px 8px;
}

.writeBox .delKaoshiItemB,.writeBox .addKaoshiItemB{
	color:#09c;padding:5px;margin:5px;font-size:12px;
}

.writeBox .c p2{
	display:block;
	font-size:16px;
	margin:8px;
	line-height:27px;
}

/*翻译句子*/
.sentences{
padding:8px;
background-color:#eee;
border:1px solid #ccc;
border-radius:5px;
margin:5px 0 0 0;
}
.chinese{
padding:8px;
background-color:#fed;
border:1px solid #ccc;
border-radius:5px;
margin:0 0 5px 0;
font-size:15px;
line-height:18px;
}
.sentences .sentence{cursor:pointer;display:block;margin:3px;font-size:17px;color:#345;text-decoration:none;}
.sentences .sentence.clickMe{font-weight:bold;font-style:italic;}
.sentences .sentence span{cursor:hand;}
.sentences .sentence span:hover{color:#009933;}
.sentences .sentence span.clickMe{text-decoration:underline;color:#9b0000;}
.items{margin-top:25px;padding:10px 0;}
.items .type{display:inline-block;color:#9b0000;font-weight:bold;margin-right:5px;}
.items .words{display:inline-block;background-color:yellow;color:#000;font-weight:bold;}

.writeBox  textarea.enText{padding:10px;margin:0;min-height:70px;}
select[name="enLV"]{padding:5px;margin:10px 0px;}
button.enBtn{padding: 8px 10px;margin:10px;}
.writeBox .c .readTS{padding:0;margin:0;color:gray;}

/*朗读英语单词*/
.ewr{
	position:relative;
}
.ewr .ewr_w{
	cursor:pointer;
	color:#09c;
	margin:0 3px;
}
.writeBox .tips{
	position:absolute;
	z-index:9999;
	left:0;
	top:0;
	border:1px solid #333;
	border-radius:3px;
	background-color:#efe;
	padding:5px;
	font-size:15px;
	color:#555;
	display:none;
	max-width:60%;
	max-height:40%;
	overflow-y:auto;
}

.writeBox .tips p.wordT{
	padding:5px 10px;
	line-height:16px;
	margin:0;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
}
.writeBox .tips p.wordT:hover{
	background-color:#555;
	color:white;
}

.writeBox .tips p.wordT2{
	padding:8px 10px;
	line-height:16px;
	margin:0;
	cursor:pointer;
	font-size:14px;
	background-color:#566;
	color:white;
}

.writeBox .nmtp{
	
}

.writeBox .nmtp .tt{
	color:#9b0000;
	cursor:pointer;
}

.writeBox .nmtp .tc{
	display:none;
}

.writeBox .convas-container{
	width:98%;
	max-width:550px;
}


/*朗读汉语*/
.csentences{
padding:10px;
background-color:#eef;
border:1px solid #ccc;
border-radius:5px;
margin:5px 0 0 0;
}
.csentences .csentence{cursor:pointer;margin:3px;font-size:16px;line-height:23px;color:#345;text-decoration:none;}
.csentences .csentence.clickMe{text-decoration:underline;color:#9b0000;}
.csentences .csentence span{cursor:hand;}
.csentences .csentence span:hover{color:#009933;}
.csentences .csentence span.clickMe{text-decoration:underline;color:#9b0000;}


/*提示框  appWin -- CSS*/
.writeBox .mask{position:absolute;left:0;top:0;background-color:#000;min-height:300px;filter:opacity(0.6);z-index:888888;display:none;}
.writeBox  .appWin{position:absolute;left:100px;top:100px;background-color:#fff;color:white;font-size:15px;min-height:300px;filter:opacity(1);z-index:888889;box-shadow:5px 5px 4px 0 #333;border-radius:5px;display:none;}
.writeBox .appWin label{display:block;color:#333;font-weight:normal;margin:5px;text-align:left;}
.writeBox .appWin label textarea{border:1px solid #aaa;margin:5px;min-height:70px;}
.writeBox .appWin label select{margin:5px 0;padding:4px;border:1px solid #444;border-radius:3px;}
.writeBox .appWin label button{padding:5px 10px;}
.writeBox .appWin label input[type="text"]{padding:8px 10px;border:1px solid #444;border-radius:3px;margin:0 3px;width:70%;}
.writeBox .appWin h3{font-size:16px;position:relative;padding:5px 5px 5px 15px;}
.writeBox .appWin h3 div.appTitle{display:inline-block;}
.writeBox .appWin h3 label.closeWin{cursor:pointer;position:absolute;right:5px;font-size:12px;display:inline-block;background-color:red;color:white;padding:4px 10px;line-height:20px;border-radius:5px;margin:0 5px;text-decoration:none;font-weight:bold;}
.writeBox .appWin .appC{margin:5px;padding:10px 20px;font-size:15px;color:#333;text-align:left;}
.writeBox .appWin .appC .appInfo{font-size:14px;}
.writeBox .appWin .appC .appRec{font-size:12px;margin:10px 0px;padding:5px;border-top:1px dotted #ddd;}
.writeBox .appWin .appC .appRec .tbl{margin-top:5px;}
.writeBox .appWin .appC label{font-size:14px;}
.writeBox button.updateXBtn{padding:6px 10px;}
.writeBox .uInfo{margin-top:-40px;}
.writeBox .appWinTips{cursor:pointer;color:#09c;text-decoration:underline;}
.writeBox .appWin img{max-width:99%;margin:5px;border:1px solid #ddd;padding:3px;}
.writeBox .appWin .wpaudios{}
.writeBox .appWin .wpaudios audio{display:block;float:none;height:60px;}
.writeBox .appWin .wpaudios a{display:block;padding:5px;margin:5px;color:#555;font-size:15px;text-decoration:none;}
.writeBox .appWin .wpaudios a:hover{background-color:#ededed;}
.writeBox .appWin .wpaudios a.dropme{background-color:#09c;color:white;font-weight:bold;}
.writeBox  .appWin label #storyroleSubmitOkBtn{
	padding:8px 15px;
	box-sizing:content-box;
	margin:20px 0;
}

.writeBox .appWin label #rolereply{
	padding:8px 10px;
	box-sizing:content-box;
	width:200px;
	margin:10px 0;
}

/**math公式相关**/
mjx-math{max-width:100%;}
.tex2jax_process {
    overflow-x: auto;
    overflow-y: hidden;
}


.writeBox .nodata{
	text-align:center;
	margin:20px;
	font-size:12px;
	color:gray;
}
.writeBox h3{
	text-align:left;
	font-size:16px;
	color:#555;
	padding:3px 10px 3px 15px;
	position:relative;
	margin-top:10px;
}
.writeBox h3.post{
	padding-left:20px;
}
.writeBox h3 button.favor2me{
	position:absolute;
	left:7px;
	width:150px;
	border:1px solid #333;
	background-color:white;
	border-radius:5px;
	padding:4px;
	width:30px;
	cursor:pointer;
	display:none;
}
.writeBox h3 button.favor2me:hover{
	background-color:#293949;
	color:white;
}

.writeBox .favorBox{
	background-color:#AFEEEE;
	padding:10px;
}

.writeBox .favorBox h4{
	text-align:left;

}

.writeBox .favorBox input{
	padding:4px 10px;
}

.writeBox h3 span{
	cursor:pointer;
	position:absolute;
	right:15px;
	top:0px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	padding:2px 5px;
	border-radius:4px;
	line-height:1;
	color:#456;
	font-weight:normal;
}

.writeBox img.cimg2{
	max-width:95%;
	border:1px solid #ddd;
	box-shadow:5px 5px 4px 0 #ddd;
	margin:5px auto;
	display:block;
}

.writeBox img.cimg{
	max-width:95%;
	margin:5px auto;
	display:block;
}

.writeBox img.cmiddle{
	width:70%;
}

.writeBox p{
	text-align:left;
	font-size:12px;
	color:#595959;
	padding:0px 10px;
	line-height:17px;
}
.writeBox textarea{
	display:block;
	margin:0 auto;
	padding:5px;
	width:97%;
}
.writeBox .writeBoxC textarea#writeBoxText{
	height:50vh;
	margin:0 auto;
	border:1px solid #678;
	border-radius:5px;
	font-size:15px;
	line-height:22px;
	overflow-x:hidden;
	overflow-y:auto;
}
.writeBox #writeBoxPwdUser{
	margin:10px auto;
	width:50px;
	padding:10px;
	margin-right:10px;
	display:none;
}
.writeBox #writeBoxPwdText{
	margin:10px auto;
	width:60%;
	padding:10px;
	margin-right:10px;
}
.writeBox .writeBoxSubText{
	margin:10px 5px;
	padding:10px;
	width:200px;
	display:block;
}
.writeBox button{
	padding:8px 15px;
	margin-top:5px;
}
.writeBox .recBtn{
	cursor: pointer;
	border: none;
	border-radius: 3px;
	background: #f60;
	color:#fff;
	padding: 0 15px;
	margin:5px 3px 3px 0;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
	vertical-align: middle;
	display:none;
}

.writeBox .upBtn{
	position: relative;
    cursor: pointer;
	border: none;
	border-radius: 3px;
	background: #fff;
	color:#09c;
	padding: 3px 8px;
	margin:0;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	vertical-align: middle;
	border:1px solid #ddd;
	*display: inline;
    *zoom: 1;
	text-decoration:none;
	overflow: hidden;
	display:inline-block;
}
#uploadFile{
	height:40px;
	width:100px;
}
.writeBox .upBtn input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.writeBox .pxInfo{
	font-size:12px;
	padding:5px 0;
	color:#595959;
}

.writeBox .attach{
	margin:5px 0;
	padding:5px;
	border:1px solid #ddd;
	border-radius:4px;
	background-color:white;
	font-size:12px;
	width:90%;
	max-width:800px;
	text-indent:0;
}

.writeBox .attach a.attach_filename{
	color:SeaGreen;
	display:block;
	margin:5px;
	font-size:14px;
}

.writeBox .attach .attach_detail{
	font-size:10px;
	color:gray;
	text-align:right;
	padding-right:20px;
	font-style:italic;
}

.writeBox .c .bottle{
	margin:10px;
	padding:10px;
	color:#293949;
	border:1px dotted #aaa;
	border-radius:3px;
	background-color:white;
	box-shadow: 5px 5px 2px #ddd;
	line-height:28px;
	letter-spacing:1px;
}
.writeBox .c .bottle i{
	color:gray;
	font-size:10px;
	display:block;
	font-weight:normal;
}


.writeBox .recInfo{
	margin:5px;
	padding:5px;
	text-align:center;
	font-size:12px;
}

.writeBox .waveBox{
	margin:5px 0;
	display:none;
}

.writeBox #writeBoxCode{
	padding:5px 10px;
	width:95%;
}
.writeBox #writeBoxSK{
	padding:5px 10px;
	width:95%;
	margin:-10px 0 5px 0;
	background-color:black;
	color:yellow;
	font-weight:bold;
	border:None;
}
.writeBox .writeBoxC{
	padding:10px;
	text-align:center;
	margin:20px 0;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:5px;
	color:#595959;
	height:65%;
	margin-top:-10px;
}

.writeBox .writeBoxC .writeBoxHeader{
	text-align:left;
	width:98%;
	margin:5px auto;
}
.writeBox .writeBoxC .writeBoxHeader a{
	text-decoration:none;
	border:1px solid #9ab;
	border-radius:5px 0 0 0;
	padding:3px 5px;
	width:25px;
	height:22px;
	margin:3px 3px 3px 0;
	display:inline-block;
	text-align:center;
	background: linear-gradient(135deg, rgb(253,253,253), rgb(255,255,255)); 
	color:#678;
	font-size:15px;
}
.writeBox .writeBoxC .writeBoxHeader a:hover{
	background: linear-gradient(45deg, rgb(234,235,233), rgb(223,225,227)); 
	color:#444;
	border:1px solid #678;
	font-weight:bold;
}
.writeBox .writeBoxC .writeBoxHeader a.wbh-code{
	line-height:11px;
	font-size:6px;
	padding:3px;
	margin-top:0px;
	font-weight:normal;
	vertical-align:middle;
}
.writeBox .writeBoxC .writeBoxHeader a.wbh-kaoshiS{display:none;}
.writeBox .writeBoxC .writeBoxHeader a.wbh-kaoshiM{display:none;}
.writeBox .writeBoxC .writeBoxHeader a.wbh-kaoshiT{display:none;}

.writeBox .writeBoxC .writeBoxHeader a.wbh-kaoshiAI-test{border:1px solid purple;background-color:#eeffee;}

/**AI part 2025.6.20**/
.thinking-container {
	display: flex;
	align-items: center;
	color: var(--thinking-color);
	font-style: italic;
	padding: 8px 15px;
	background: rgba(0,0,0,0.03);
	border-radius: 4px;
	margin: 10px 0;
}

.loading {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 3px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	border-top-color: var(--thinking-color);
	animation: spin 1s ease-in-out infinite;
	margin-right: 7px;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

button:disabled {
	background-color: #cccccc;
	cursor: not-allowed;
	transform: none;
	box-shadow: none;
}

.writeBox .c .code{
	background-color:black;
	color:white;
	padding:10px;
	border-radius:5px;
	line-height:20px;
	font-size:14px;
}

.writeBox .writeBoxC b{
	color:#09c;
}
.writeBox .writeBoxC .add2box{
	margin:10px 0;
	padding:5px;
	text-align:left;
	display:none;
	font-size:14px;
}
.writeBox .writeBoxC .add2box input[type="radio"]{
	padding:8px;
}
/*a  upload */
.writeBox .a-upload{
    height: 20px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
	text-decoration:none;
	color:#222;
	padding:10px 20px;
	font-weight:bold;
	margin-top:30px;
}

.writeBox .a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.writeBox .a-upload:hover {
    color: #000;
    background: #fff;
    border-color: #999;
    text-decoration: none;
}

.writeBox .letters{
	max-width:95%;
}

.writeBox .letters .letter_item{
	margin:10px;
	padding:10px;
	border-bottom:1px dotted #ddd;
	font-size:16px;
	color:#333;
	float:none;
}

.writeBox .letters .letter_item .let_code{
	float:left;
	width:60px;
	font-weight:bold;
	margin-right:20px;
}

.writeBox .letters .letter_item .let_c{
	float:left;
	width:60%;
	margin-right:20px;
}

.writeBox .letters .letter_item .let_time{
	font-size:12px;
	color:gray;
	float:left;
}

.writeBox #searchTS{
	margin:15px;
	padding:20px;
	width:90%;
	font-size:16px;
	text-align:left;
}
.writeBox #searchTS p{
	margin:10px 0;
	line-height:26px;
	font-size:16px;
}
.writeBox #searchTS p a{
	color:#09c;
}
.writeBox  #writeBoxPwdText{
	width:200px;
	max-width:80%;
}


.writeBox input:radio[name="busline"]{
	padding:10px;
}

.writeBox ul.stations{
	margin:5px 0;
	padding:8px;
	border-radius:5px;
	background-color:#F0F8FF;
	font-size:15px;
}
.writeBox ul.stations li{
	margin:5px;
	padding:5px;
	cursor:pointer;
	text-indent:0;
	list-style-type:none;
}

.writeBox ul.stations div.bjbusStationStatus{
	margin:3px 3px 10px 15px;
	padding:8px;
	border:1px solid #ddd;
	background-color:white;
	color:#5F9EA0;
	font-size:12px;
	line-height:18px;
	border-radius:3px;
}

.writeBox ul.stations div.bjbusStationStatus button.rssBjBusBtn{
	margin:5px 0;
	padding:5px 7px;
}

.fangas{margin:10px;border:1px solid #ddd;border-radius:5px;padding:5px;background-color:#efedee;}

.ns{
	width:310px;
    height:40px;
	line-height:40px;
	position: absolute;
    top:18%;
    left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
	color:white;
	padding:5px 10px;
	text-align:right;
	color:#fff;
	font-size:20px;
	font-family:verdana,arial,helvetica;
	font-style:italic;

}

.box{
	width:340px;
    height:340px;
	position: absolute;
    top:50%;
    left:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
	z-index:888;
}
.box .iBox{
	float:left;
		width:95px;
		height:95px;
		margin:5px;
		background-color:#ddd;
		border:1px solid #fff;
		line-height:80px;
		text-align:center;
		font-size:45px;
		color:#333;
		cursor:pointer;
		border-radius:10px;
		background-image: linear-gradient(#aaa, #eee);
		transform: skewY(0) rotateZ(10deg) rotateX(8deg) rotateY(10deg);
		box-shadow: 10px 10px 8px #000;
		box-shadow: 0 0 4px #111, /* 主边框发光 */

}

.box .iBox:hover{
	opacity:1.3;
	scale:1.05;
}

/**故事角色**/
.writeBox .c .storyRoleArea{
	max-width:1000px;
}


.writeBox .c .storyRoleArea table.tbl {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.writeBox .c .storyRoleArea table.tbl th {
    text-align: center;
    background-color: #f2f2f2; /* 表头背景颜色 */
    padding: 10px;
    border: 1px solid #ddd;
}

.writeBox .c .storyRoleArea table.tbl td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.writeBox .c .storyRoleArea table.tbl tr:nth-child(even) {
    background-color: #f9f9f9; /* 隔行浅色背景 */
}

.writeBox .c .storyRoleArea table.tbl tr:hover {
    background-color: #eaeaea; /* 鼠标悬停高亮 */
}





@media screen and (max-width: 768px) {

	body{
		margin:0;
		padding:0;
		background-color: #07031d;
		/**
		background:url(data/init/nbg/bgcaoyuan.jpg) #000 no-repeat -500px -300px;
		**/
		background: linear-gradient(to right, #545B62, #737A80, #929B9F); /* 深灰色渐变 */
		overflow:hidden;
		background-size: 100% 1000px;  
  animation: scrollBg 10s linear infinite; 
	}

	.ns{
		width:270px;
		height:35px;
		line-height:35px;
		position: absolute;
		top:20%;
		left:45%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-moz-user-select: none; 
		-khtml-user-select: none; 
		user-select: none;
		color:white;
		padding:5px 10px;
		text-align:right;
		color:#fff;
		font-size:18px;
		font-family:verdana,arial,helvetica;
		font-style:italic;

	}

	.box{
		width:290px;
		height:290px;
		position: absolute;
		top:50%;
		left:50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-moz-user-select: none; 
		-khtml-user-select: none; 
		user-select: none;
		z-index:888;
	}
	
	.box .iBox{
		float:left;
		width:80px;
		height:80px;
		margin:5px;
		background-color:#ddd;
		border:1px solid #fff;
		line-height:80px;
		text-align:center;
		font-size:45px;
		color:#333;
		cursor:pointer;
		border-radius:10px;
		background-image: linear-gradient(#aaa, #eee);
		transform: skewY(0) rotateZ(10deg) rotateX(8deg) rotateY(10deg);
		box-shadow: 10px 10px 8px #000;
		box-shadow: 0 0 4px #111, /* 主边框发光 */
              0 0 3px #fff outset, /* 内发光 */
              0 2px 2px #fff; /* 侧发光 */

	}

	.writeBox .writeBoxC textarea#writeBoxText{
		height:35vh;
		width:94%;
		margin:0 auto;
		border:1px solid #678;
		border-radius:5px;
		font-size:15px;
		line-height:22px;
		overflow-x:hidden;
		overflow-y:auto;
	}

	.hisPLBox span.pageinit{
		margin:0;
		display:inline-block;
	}

}


.box .iBox:hover{
	scale:1.05;
}
.clr{
	clear:both;width:100%;height:1px;overflow:hidden;
}

/*table-style*/
/*table-style-tbl*/
table.tbl{border:2px solid #ccc;border-collapse:collapse;width:98%;overflow:hidden;}
table.tbl td,table.tbl th{border:1px solid #ccc;padding:3px;padding-left:6px;font-size:12px;}
table.tbl th{background-color:#eee;font-weight:bold;padding-left:6px;}
table.tbl td em,table.tbl th em{font-style:normal;}
table.tbl td em.ol_f_red{color:red;}
/*table-style-tbl2*/
table.tbl2 {
    border-collapse: collapse;
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 24px;
	font-weight: 700;
    background-color: #eff3f5;
    border-spacing: 0;
}
table.tbl2 tr {
	display: table-row;
    vertical-align: inherit;
    border: 0;
    border-top: 1px solid #ddd;
    background-color: #fff;
}
table.tbl2 tr th {
    font-weight: 700;
    background-color: #eff3f5;
}
table.tbl2 tr th,table.tbl2 tr td {
    font-size: 14px;
    color: #4f4f4f;
    line-height: 22px;
    border: 1px solid #ddd;
    padding: 8px;
    word-break: normal!important;
    vertical-align: middle;
}
table.tbl2 tr td{
	font-weight:normal;
	background-color:white;
}

/*二维码*/
.qr_info{position:fixed; left:100px; top:50px;color:#fff;padding:6px;border:1px solid #fff;font-size:14px;text-align:center;border-radius:3px;}
.qr_code{position:fixed; right:100px; top:20px;color:#777;padding:10px;border:1px solid #aaa;font-size:14px;text-align:center;background-color:white;z-index:999999;}
.hide{display:none;}
.qr_code img{width:100px;height:100px;}

/*cmd命令行框*/
.cmd_info{width:200px;position:fixed; right:50px; bottom:100px;color:#ddd;padding:6px;font-size:12px;text-align:left;border-radius:3px;}

::-webkit-scrollbar
{
    width:10px;
    height:15px;
    background-color:#F5F5F5;
	display:block;
}
/*定义滚动条轨道
 内阴影+圆角*/
::-webkit-scrollbar-track
{
   /** -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);**/
   background-image: linear-gradient(#fdfffc, #feffef);
    border-radius:2px;
}
/*定义滑块
 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:2px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#fff;
}

/* 隐藏滚动条的样式 */  
.hide-scrollbar ::-webkit-scrollbar {  
    display: none; /* 注意：实际上WebKit不支持在伪元素上使用display: none */  
    /* 或者使用透明度或宽度为0等技巧来隐藏 */  
    width: 0;  
    background-color: transparent;  
}

.writeBox .tips ::-webkit-scrollbar
{
    width:15px;
    height:15px;
    background-color:#F5F5F5;
	display:block;
}

/**bg--movie**/
.sky {
  postition: relative;
}

.star {
  background: #717171;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  transition: top 1s ease-out, left 1s ease-out; /* 平滑过渡效果 */
}

.glow {
  background: white;
  animation: glitter 10s linear 0s infinite normal;
     -webkit-animation: glitter 10s linear 0s infinite normal;
    -moz-animation: glitter 10s linear 0s infinite normal;
    -ms-animation: glitter 10s linear 0s infinite normal;
    -o-animation: glitter 10s linear 0s infinite normal;
}

.one {
  top: 20%;
  left: 30%;
  animation-delay: -2s;
}

.two {
  top: 19%;
  left: 38%;
  animation-delay: -1.7142857143s;
}

.three {
  top: 30%;
  left: 46%;
  animation-delay: -1.4285714286s;
}

.four {
  top: 40%;
  left: 54%;
  animation-delay: -1.4285714286s;
}

.five {
  top: 42%;
  left: 66%;
  animation-delay: -0.8571428571s;
}

.six {
  top: 70%;
  left: 64%;
  animation-delay: -0.5714285714s;
}

.seven {
  top: 86%;
  left: 56%;
  animation-delay: -0.2857142857s;
}

.eight {
  top: 93%;
  left: 42%;
  animation-delay: -0.3857142857s;
}

.moon {
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ddd;
  box-shadow: inset 10px -10px 0 0 #b9b9b9, 0px 0px 40px 20px #203A87;
  zoom:0.7;
}

.crater {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #bbb;
}

.crater1 {
  top: 30px;
  right: 30px;
  box-shadow: inset -1px 2px 0 0 #969696;
}

.crater2 {
  width: 20px;
  height: 20px;
  top: 15px;
  right: 10px;
  box-shadow: inset -2px 4px 0 0 #aaa;
}

.crater3 {
  width: 5px;
  height: 5px;
  top: 10px;
  right: 30px;
}

@keyframes glitter {
    0% {
        transform: scale(1.0);
        opacity: 1;
        box-shadow: 0px 0px 10px 5px #535FED;
    }
    25% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1.0);
        opacity: 1;
        box-shadow: 0px 0px 10px 5px #535FED;
    }
    75% {
        transform: scale(0.5);
        opacity: 0;
    }
    100% {
        transform: scale(1.0);
        opacity: 1;
        box-shadow: 0px 0px 10px 5px #535FED;
    }
}


/**载入兔子css**/



.clearfix {
	zoom: 1
}

.clearfix:before,.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.clearfix:after {
	clear: both
}


.idobest{
	margin:40% 20% 40% 40%;
	width:300px;
	display:none;

}

.idoInfo{
	margin-top:30px;
	color:#eee;
	font-size:15px;
}

.rabbit {
	width: 5em;
	height: 3em;
	background: #fff;
	border-radius: 70% 90% 60% 50%;
	position: relative;
	box-shadow: -0.2em 1em 0 -0.75em #b78e81;
	-moz-transform: rotate(0deg) translate(-2em,0);
	-ms-transform: rotate(0deg) translate(-2em,0);
	-webkit-transform: rotate(0deg) translate(-2em,0);
	transform: rotate(0deg) translate(-2em,0);
	animation: hop 1s infinite linear;
	z-index: 1
	padding:5px;
	font-size:12px;
	color:pink;
}

.no-flexbox .rabbit {
	margin: 10em auto 0
}

.rabbit:before {
	content: "";
	position: absolute;
	width: 1em;
	height: 1em;
	background: white;
	border-radius: 100%;
	top: .5em;
	left: -0.3em;
	box-shadow: 4em .4em 0 -0.35em #3f3334,0.5em 1em 0 white,4em 1em 0 -0.3em white,4em 1em 0 -0.3em white,4em 1em 0 -0.4em white;
	animation: kick 1s infinite linear
}

.rabbit:after {
	content: "";
	position: absolute;
	width: .75em;
	height: 2em;
	background: white;
	border-radius: 50% 100% 0 0;
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	right: 1em;
	top: -1em;
	border-top: 1px solid #f7f5f4;
	border-left: 1px solid #f7f5f4;
	box-shadow: -0.5em 0 0 -0.1em white
}

.clouds {
	background: white;
	width: 2em;
	height: 2em;
	border-radius: 100% 100% 0 0;
	position: relative;
	top: -5em;
	left: 5em;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	animation: cloudy 1s infinite linear forwards;
	box-shadow: 5em 2em 0 -0.3em white,-2em 2em 0 0 white
}

.clouds:before,.clouds:after {
	content: '';
	position: absolute;
	box-shadow: 5em 2em 0 -0.3em white,-2em 2em 0 white
}

.clouds:before {
	width: 1.25em;
	height: 1.25em;
	border-radius: 100% 100% 0 100%;
	background: white;
	left: -30%;
	bottom: 0
}

.clouds:after {
	width: 1.5em;
	height: 1.5em;
	border-radius: 100% 100% 100% 0;
	background: white;
	right: -30%;
	bottom: 0
}

@keyframes hop {
	20% {
		-moz-transform: rotate(-10deg) translate(1em,-2em);
		-ms-transform: rotate(-10deg) translate(1em,-2em);
		-webkit-transform: rotate(-10deg) translate(1em,-2em);
		transform: rotate(-10deg) translate(1em,-2em);
		box-shadow: -0.2em 3em 0 -1em #b78e81
	}

	40% {
		-moz-transform: rotate(10deg) translate(3em,-4em);
		-ms-transform: rotate(10deg) translate(3em,-4em);
		-webkit-transform: rotate(10deg) translate(3em,-4em);
		transform: rotate(10deg) translate(3em,-4em);
		box-shadow: -0.2em 3.25em 0 -1.1em #b78e81
	}

	60%,75% {
		-moz-transform: rotate(0) translate(4em,0);
		-ms-transform: rotate(0) translate(4em,0);
		-webkit-transform: rotate(0) translate(4em,0);
		transform: rotate(0) translate(4em,0);
		box-shadow: -0.2em 1em 0 -0.75em #b78e81
	}
}

@keyframes kick {
	20%,50% {
		box-shadow: 4em .4em 0 -0.35em #3f3334,0.5em 1.5em 0 white,4em 1.75em 0 -0.3em white,4em 1.75em 0 -0.3em white,4em 1.9em 0 -0.4em white
	}

	40% {
		box-shadow: 4em .4em 0 -0.35em #3f3334,0.5em 2em 0 white,4em 1.75em 0 -0.3em white,4.2em 1.75em 0 -0.2em white,4.4em 1.9em 0 -0.2em white
	}
}

@keyframes cloudy {
	40% {
		filter: alpha(opacity=75);
		opacity: .75;
		-moz-transform: translate(-3em,0);
		-ms-transform: translate(-3em,0);
		-webkit-transform: translate(-3em,0);
		transform: translate(-3em,0)
	}

	55% {
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-transform: translate(-4em,0);
		-ms-transform: translate(-4em,0);
		-webkit-transform: translate(-4em,0);
		transform: translate(-4em,0)
	}

	90% {
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		transform: translate(0,0)
	}
}