body.index {
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNkU2Mzg4MUM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNkU2Mzg4MkM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2RTYzODdGQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2RTYzODgwQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQABAwERAAIRAQMRAf/EAEsAAQAAAAAAAAAAAAAAAAAAAAoBAQEAAAAAAAAAAAAAAAAAAAUGEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwB1COLv/9k=);
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    margin: 10px;
    padding: 0px;
    line-height: normal;
}
body.essay {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 40px;
    box-sizing: border-box;
    line-height: 54px;
    font-size: 32px;
    font-weight: normal;
    text-decoration: none;
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNkU2Mzg4MUM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNkU2Mzg4MkM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2RTYzODdGQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2RTYzODgwQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQABAwERAAIRAQMRAf/EAEsAAQAAAAAAAAAAAAAAAAAAAAoBAQEAAAAAAAAAAAAAAAAAAAUGEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwB1COLv/9k=);
}

a {
    text-decoration: none;
}
.td {
    padding: 10px;
    width: 70%;
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: #CCCCCC;
}
.td a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    text-decoration: none;
}
.mulu {
    /*padding-left: 15%;*/
    padding: 0px 15%;
    padding-bottom: 220px;
}
.essay-item{
    width:100%;
    cursor:pointer;
}
.essay-item td{
    cursor:pointer;
}

.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 38px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #2f5389;
    border-radius: 10px;
    /* 设置圆角半径 */
    text-align: center;
    line-height: 54px;
    margin-top: 30px;
    margin-bottom: 30px;
    cursor:pointer;
}
.title a {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
.shuzi1 {
    background-color: #cccc99;
    border-radius: 10px;
    /* 设置圆角半径 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    text-decoration: none;
    padding: 5px;
}
.shuzi1 a {
    background-color: #cccc99;
    border-radius: 10px;
    /* 设置圆角半径 */
}
.shuzi2 {
    background-color: #ffcc66;
    border-radius: 10px;
    /* 设置圆角半径 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #000000;
    text-decoration: none;
    padding: 5px;
}
.shuzi2 a {
    background-color: #ffcc66;
    border-radius: 10px;
    /* 设置圆角半径 */
}
#sticky-table {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    /* 可选：确保内容在滚动时清晰可见 */
    padding: 10px;
    /* 可选：增加一些内边距 */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    /* 可选：添加阴影效果 */
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNkU2Mzg4MUM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNkU2Mzg4MkM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2RTYzODdGQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2RTYzODgwQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQABAwERAAIRAQMRAf/EAEsAAQAAAAAAAAAAAAAAAAAAAAoBAQEAAAAAAAAAAAAAAAAAAAUGEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwB1COLv/9k=);
}




/*点读*/


*{user-select: none !important;}
.essay-list {list-style:none;margin-bottom:300px;padding: 0px;}
.essay-list li{float:left;}

img {  
    display: block;  
    margin: 0 auto;  
    max-width: 100%;  
    height: auto;  
}  
h1{
    text-align: center;
    font-size: 44px;
    line-height: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;

}  
h2{
    text-align: center;
    font-size: 36px;
    line-height: 80px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}  
h4 {
    text-align: center;
    background-color: #663366;
    color: #FFFFFF;
    padding: 5px;
    font-size: 24px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    white-space: normal;	
    border-radius: 10px; /* 设置圆角半径 */
}  
h4 a {
    color: #00CCFF; /* 设置h3中的链接文字颜色为红色 */
    text-decoration: none;
}  

h4:active {  
    color: #996633;
    cursor: pointer; 		
}

#bglv {
    font-size: 32px;
    padding: 5px;
    line-height: 36px;
    background-color: #996633;
    border-radius: 10px; /* 设置圆角半径 */  
}
#bgred {
    font-size: 38px;
    border-radius: 10px; /* 设置圆角半径 */
    color: #FFFFFF;
    height: 100px;
    width: 100px;
    margin: 0px;
    padding: 0px;
}

#bgred:hover {
    color: #00FFFF; /* 鼠标悬停时文本变蓝 */
    text-align: center;
} 


#text2 {
    font-size: 44px;
    padding: 0px;
    line-height: 32px;
    text-decoration: none;
    text-align: center;
}
#text3 {
    font-size: 24px;
    padding: 0px;
    line-height: 32px;
    text-decoration: none;
}
h3 {
    text-align: center;
    color: #FFFFFF;
    font-size: 42px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}  

.text {
    color: #333333;
    cursor: pointer;
    line-height: 54px;
    font-size: 32px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin: 0px;
}  
  
.clicked, .active {  
    color: #996633; /* 点击后文本保持蓝色 */  
    background-color: #FFE8E8;
    border-radius: 10px; /* 设置圆角半径 */
}  

th, td {  
    padding: 0px;  
}  
.td1{
    text-align: center;
    padding-top: 20px;
}

#sticky-table {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0; /* 可选：确保内容在滚动时清晰可见 */
    padding: 10px; /* 可选：增加一些内边距 */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影效果 */
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBNkU2Mzg4MUM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBNkU2Mzg4MkM0RjYxMUVGOTM2QTgzRjc1NTI3OTQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE2RTYzODdGQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE2RTYzODgwQzRGNjExRUY5MzZBODNGNzU1Mjc5NDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQABAwERAAIRAQMRAf/EAEsAAQAAAAAAAAAAAAAAAAAAAAoBAQEAAAAAAAAAAAAAAAAAAAUGEAEAAAAAAAAAAAAAAAAAAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwB1COLv/9k=);
}  

#myImage {  
    max-width: 100%;  
    height: auto;
    cursor:pointer;
}  

.diandu{
	padding-bottom: 500px;
}

.div-in-center {
            position: fixed;
            top: 50%;
            left: 50%;
			z-index:999999;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }


.word{
		width:50%;
		border-bottom-width: 100%;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
		padding-bottom: 5px;
		padding-top: 5px
	}
@media (max-width: 768px){
	.word{
		width:100%;
	}
}

.word span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
    
}

.hidden{
	display:none;
}

#titleEn .clickable-text, #titleCn .clickable-text_cn{
	font-size: 44px;
	font-family: Arial, Helvetica, sans-serif;
}

#essayList{
	margin-top:0px;
}