@charset "gb2312";
	body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
            margin: 0;
            padding: 20px;
            min-height: 100vh;
        }

		

 .container {
            max-width: 900px;
            margin: 0 auto;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
            padding: 25px;
        }
        
        h1 {
            font-size: 45px;
			color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
            font-weight: 600;
            border-bottom: 2px solid #3498db;
            padding-bottom: 15px;
			line-height:60px;
        }

		h2 {
            font-size: 40px;
			color: #2c3e50;
            text-align: center;
            margin-bottom: 30px;
            font-weight: 600;    
            line-height:40px;
        }
        
        .card {
            background: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 25px;
            margin-bottom: 25px;
        }
		
		.listcard {
            font-size: 40px;
			width:850px;
			background: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 25px;
            margin-bottom: 25px;
			line-height:80px;

        }

		        
        .card-title {
            
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
			font-size: 50px;
			line-height:70px;
			padding: 25px;
        }

		.card-title2 {
            
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
			font-size: 40px;
			line-height:70px;
			padding: 25px;
        }
		
		.cell-card {
            font-size: 40px;
			width:90%;
			background: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 25px;
            margin-bottom: 25px;
			line-height:80px;
			text-align:center;

        }

		.cell-card2 {
            font-size: 40px;
			width:95%;
			background: white;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 25px;
            margin-bottom: 25px;
			line-height:80px;
			text-align:center;

        }
		.card-content {
            font-size: 33px;
            font-weight: 600;
			line-height:60px;
        }

		.cell-title {
            font-size: 35px;
            font-weight: 600;			
			border-bottom: 1px solid #eee;
        }

		.cell-border-red {
            font-size: 30px;
            font-weight: 600;			
			border: 1px solid red;
			border-radius: 12px;
			padding: 5px;
			color: red;
        }

		.cell-border-blue {
            font-size: 30px;
            font-weight: 600;			
			border: 1px solid blue;
			color: blue;
			border-radius: 12px;
			padding: 5px;
        }

		.cell-border-black {
            font-size: 30px;
            font-weight: 600;			
			border: 1px solid black;
			color: black;
			border-radius: 12px;
			padding: 5px;
        }

		.cell-border-gray {
            font-size: 30px;
            font-weight: 600;			
			border: 1px solid gray;
			color: gray;
			border-radius: 12px;
			padding: 5px;
        }

		.content33 {
            font-size: 33px;
            font-weight: 600;
			line-height:55px;
        }

		.content45 {
            font-size: 45px;
            font-weight: 600;
			line-height:60px;
        }
        
        .listcard-content {
            text-align: left;
            padding: 30px;
            border: 2px dashed #FF9B6A;
            border-radius: 8px;
            background: #FFFBF7;
            margin-bottom: 25px;
            transition: all 0.3s ease;
			line-height:75px;
			font-size: 40px;
			width: 90%;
        }
        
        .listcard-content:hover {
            background: #FFFFBF;
        }
        
        .preview-container {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            margin: 25px 0;
        }
        
        .preview-box {
            flex: 1;
            min-width: 300px;
        }
        
        .preview-image {
            max-width: 100%;
            max-height: 400px;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        }
        
        .result-text {
            height: 300px;
            overflow-y: auto;
            font-family: 'Consolas', 'Courier New', monospace;
            padding: 15px;
            background: #f8f9fa;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            white-space: pre-wrap;
            line-height: 1.6;
        }
        
        .btn {
            background: #3498db;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 35px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
        }

		.btn2 {
            background: #3498db;
            color: white;
            border: none;
            padding: 18px 30px;
            border-radius: 9999px;
            cursor: pointer;
            font-size: 45px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
        }
        
        .btn:hover {
            background: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(52, 152, 219, 0.3);
        }
        
        .btn-green {
            background: #27ae60;
			color: white;
        }

		.btn-orange {
            background: #FF6600;
			color: white;
        }

		.btn-yellow {
            background: #B7B700;
        }
        
        .btn-green:hover {
            background: #219653;
        }
		
		.btn-red {
            background: #C40000;
        }
        
        .btn-red:hover {
            background: #EC0000;
        }

		.btn-gray {
            background: #999999;
        }
        
        .btn-gray:hover {
            background: #CCCCCC;
        }
        
        .btn-reset {
            background: #e74c3c;
        }
        
        .btn-reset:hover {
            background: #c0392b;
        }

		.btn_blue_long {
            background: #3498db;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 300px;
			
        }

		.btn_blue_long_500 {
            background: #3498db;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 500px;
			
        }

		.btn_gray_long {
            background: gray;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 300px;
			
        }

		.btn_orange_long {
            background: orange;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 300px;
			
        }

		.btn_red_long {
            background: #993300;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 300px;
			
        }

		.btn_green_long {
            background: #006600;
            color: white;
            border: none;
            padding: 12px 25px;
            border-radius: 10px;
            cursor: pointer;
            font-size: 40px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 10px 5px;
			width: 300px;
			
        }
        
        .status {
            display: block;
            padding: 12px;
            border-radius: 6px;
            margin: 15px 0;
            text-align: center;
			font-size: 35px;
        }
        
        .success {
            background: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
			font-size: 35px;
        }
        
        .error {
            background: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        
        .info {
            background: #d1ecf1;
            color: #0c5460;
            border: 1px solid #bee5eb;
        }
        
        .options {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }
        
        .option-group {
            margin: 15px 0;
        }
        
        .language-select {
            padding: 8px 15px;
            border-radius: 5px;
            border: 1px solid #ced4da;
            font-size: 40px;
        }
        
        .action-buttons {
            text-align: center;
            margin-top: 20px;
        }
        
        .instructions {
            background: #fff8e1;
            border-left: 4px solid #ffc107;
            padding: 20px;
            margin: 25px 0;
            border-radius: 0 6px 6px 0;
			font-size: 40px;
			line-height: 2;
        }
        
        .instructions h3 {
            margin-top: 0;
            color: #2c3e50;
        }
        
        .instructions ul {
            padding-left: 25px;
        }
        
        .instructions li {
            margin-bottom: 10px;  
			
        }
        
        .footer {
            text-align: center;
            margin-top: 30px;
            color: #7f8c8d;
            font-size: 35px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
		
a:link {
 color:#000000;
 text-decoration:none;
}
a:visited {
 color:#000000;
 text-decoration:none;
}

a:hover {
 color:#660000;
 text-decoration:none;
}

.NewTitle-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            max-width: 700px;
            margin: 0px auto;
            padding: 0px;			
			font-size: 45px;
			font-weight: 600;
			margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
			line-height:70px;
           
        }
        
        .NewTitle-text-content {
            flex: 1;
            padding-right: 20px;
			font-size: 45px;
			font-weight: 500;
        }
        
        .NewTitle-image-content img {
            max-width: 200px;
            height: auto;
            border-radius: 4px;
        }
		
		.large-textbox {
        width: 250px;
        height: 45px;
        padding: 10px;
        font-size: 35px;
        border: 2px solid #ccc;
        border-radius: 5px;
    }
	.large-dropdown {
    width: 300px;
    height: 70px;
    padding: 12px 20px;
    font-size: 35px;
    border: 2px solid #4CAF50;
    border-radius: 8px;
    background-color: #f8f8f8;
    color: #333;
  }
  
  .large-dropdown:hover {
    border-color: #45a049;
  }
  
  .large-dropdown:focus {
    outline: none;
    border-color: #4CAF50;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5);
  }

  .big-checkbox input[type="checkbox"] {
    width: 35px;
    height: 35px;
	font-size: 35px;
    margin: 0 10px 0 0;
} 

.littileBig-checkbox input[type="checkbox"] {
    width: 30px;
    height: 30px;
	font-size: 30px;
    margin: 0 10px 0 0;
} 

.big-Radio {
    width: 25px;
    height: 25px;
	font-size: 40px;
    margin: 0 10px 0 0;
} 

.fileUploadStyle {
    font-size: 30px;  /* 增大字体大小 */
    padding: 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
}

.iNumber {
            background: #3498db;
            color: white;
            border: none;
            padding: 1px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 35px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 5px 5px;
        }

.iNumber2 {
            background: #993333;
            color: white;
            border: none;
            padding: 1px 20px;
            border-radius: 8px;
            cursor: pointer;
            font-size: 35px;
            font-weight: 500;
            transition: all 0.3s ease;
            display: inline-block;
            margin: 5px 5px;
        }

.upload-section {
            text-align: center;
            padding: 20px;
            border: 2px dashed #3498db;
            border-radius: 8px;
            background: #e3f2fd;
            margin-bottom: 20px;
            transition: all 0.3s ease;
			font-size: 35px;
        }

.large-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 30px;
    height: 30px;
    border: 5px solid #555;
    border-radius: 50%;
    outline: none;
    margin-right: 5px;
    vertical-align: middle;
}

.large-radio input[type="radio"]:checked {
    background: radial-gradient(circle, #555 50%, transparent 50%);
}

.radio-style {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 8px 0;
    font-size: 35px;
    color: #333;
    user-select: none;
}

/* 隐藏原生单选框 */
.radio-style input[type="radio"] {
    display: none;
}

/* 自定义单选框外观 */
.radio-radio {
    width: 40px;
    height: 40px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    position: relative;
}

/* 选中后的样式 */
.radio-style input[type="radio"]:checked + .radio-radio {
    border-color: #2d8cf0;
    background-color: #2d8cf0;
}

/* 选中后的小圆点 */
.radio-style input[type="radio"]:checked + .radio-radio::after {
    content: "";
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    position: absolute;
}

/* 鼠标悬浮效果 */
.radio-style:hover .radio-radio {
    border-color: #2d8cf0;
}

.circle-btn-red {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: red;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:10px;
}

.circle-btn-gray {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: gray;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:10px;
}

.circle-btn-yellow {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #CC9900;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:5px;
  padding:10px;
}

.circle-btn-green {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: green;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:5px;
  padding:10px;
}


.circle-btn-150-red {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #AA0000;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:10px;
  padding:15px;
}

.circle-btn-150-black {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #666666;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:10px;
  padding:15px;
}

.circle-btn-150-green {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #007700;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:15px;
}

.circle-btn-150-yellow {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #939300;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:15px;
}

.circle-btn-150-gray {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: gray;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:15px;
}

.circle-btn-150-orange {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background-color: #D26900;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:15px;
}

.circle-btn-180-red {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #AA0000;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:20px;
}

.circle-btn-180-green {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #007700;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:20px;
}

.circle-btn-180-yellow {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #939300;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:20px;
}

.circle-btn-180-gray {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: gray;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:20px;
}

.circle-btn-180-orange {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: #D26900;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 35px;
  padding:20px;
}

.circle-btn-red:hover {
  background-color: #45a049;
}



.fix-header {
            position: fixed; /* 固定定位 */
            top: 0;         /* 紧贴顶部 */
            left: 0;        /* 左侧对齐 */
            width: 100%;    /* 宽度铺满 */
			hight: 60;
            background-color: #FFFFFF;
            color: black;
            padding: 10px 0;
            text-align: center;
            z-index: 1000;  /* 确保在最上层 */
        }
        .fix-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
			height: 60;
            background-color: #FFFFFF;
            color: white;
            text-align: center;
            padding: 10px 0;
			z-index: 900;  /* 确保在最上层 */
        }
		

.fix-div-HotelTypeID {
            position: fixed;
            bottom: 200px;
            left: 5%;
            width: 90%;
			height: 100px;
            background-color: #E9E9E9;
            color: black;
            text-align: center;
            padding: 10px 0;
			font-size:40px;
			z-index: 1200;  /* 确保在最上层 */
			border-radius: 20px;
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
			display:none;
			/*bottom: -100px;*/
			/*transition: bottom 1s ease-out;*/
        }

.fix-div-rightbottom {
            position: fixed;
            bottom: 200px;
            right: 30px;
            width: 200px;
			height: 60;            
            color: white;
            text-align: center;
            padding: 10px 0;
			display:block;
			z-index: 1300;  /* 确保在最上层 */
			
			
        }
.text_30_black{
	
	color: black;
	font-size: 30px;
}

.text_30_gray{
	
	color: gray;
	font-size: 30px;
}

.text_35_gray{
	
	color: gray;
	font-size: 35px;
}

.text_35_gray_border{

    color: gray;
	font-size: 35px;
    border:1px solid gray;
    border-radius:6px;
    padding:6px;
}

.text_35_red{
	
	color: red;
	font-size: 35px;
}

.text_35_red_border{
	
	color: red;
	font-size: 35px;
	border:1px solid red;
    border-radius:6px;
    padding:6px;
}

.text_40_gray{
	
	color: gray;
	font-size: 40px;
}

.text_40_black{
	
	color: black;
	font-size: 40px;
}

.text_40_red{
	
	color: red;
	font-size: 40px;
}

.text_40_black_border{
	
	color: black;
	font-size: 40px;
	border:1px solid black;
    border-radius:6px;
    padding:6px;
}

.text_45_gray{
	
	color: gray;
	font-size: 45px;
}

.round-button {
  width: 80px;       /* 设置按钮的宽度 */
  height: 80px;      /* 设置按钮的高度 */
  border-radius: 50%; /* 设置为50%使按钮成为圆形 */
  background-color: #4CAF50; /* 设置背景颜色 */
  border: none;       /* 移除默认边框 */
  color: white;       /* 设置文字颜色 */
  font-size: 40px;    /* 设置文字大小 */
  cursor: pointer;    /* 设置鼠标悬停时的光标为指针 */
  display: flex;      /* 使用Flexbox来居中文本 */
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  text-align: center;     /* 文本居中 */
}

.round-button-red {
  width: 80px;       /* 设置按钮的宽度 */
  height: 80px;      /* 设置按钮的高度 */
  border-radius: 50%; /* 设置为50%使按钮成为圆形 */
  background-color: #990000; /* 设置背景颜色 */
  border: none;       /* 移除默认边框 */
  color: white;       /* 设置文字颜色 */
  font-size: 40px;    /* 设置文字大小 */
  cursor: pointer;    /* 设置鼠标悬停时的光标为指针 */
  display: flex;      /* 使用Flexbox来居中文本 */
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  text-align: center;     /* 文本居中 */
}

.listcard-content-text40 {
            text-align: left;
			border-collapse: separate; /* 必须设置为 separate（默认值） */
			border-spacing: 20px;      /* 单元格间隔 10px */
            padding: 30px;
		    border: 2px dashed #FF9B6A;
            border-radius: 8px;
            background: #FFFBF7; 
			line-height:75px;
			font-size: 40px;
		
        }