/* 下拉框样式 namecard3.php  */

.select-wrapper {
  position: relative;
  display: inline-block;
}

#pull_down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 30px 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 30px;
  width: 260px;
  height: 58px;
  color: #f00;
  background-color: #fff;
  /* 修改箭头颜色为红色 */
  background-image: linear-gradient(45deg, transparent 50%, #FF0000 50%),
                    linear-gradient(135deg, #FF0000 50%, transparent 50%),
                    linear-gradient(to right, #ccc, #ccc);
  /* 调整箭头的位置和大小 */
  background-position: calc(100% - 12px) calc(50% - 3px), /* arrow */
                        calc(100% - 18px) calc(50% - 3px), /* arrow */
                        0 0;
  background-size: 11px 11px, 11px 11px, 100% 2px;
  background-repeat: no-repeat;
}

#pull_down:focus {
  outline: none;
  border-color: #7f7fff;
}

#pull_down option {
  font-size: 25px;
}
/* 二级下拉框样式 namecard3.php  */


#pull_down2 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 30px 8px 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 30px;
  width: 260px;
   height: 58px;
  color: #f00;
  background-color: #fff;
  /* 修改箭头颜色为红色 */
  background-image: linear-gradient(45deg, transparent 50%, #FF0000 50%),
                    linear-gradient(135deg, #FF0000 50%, transparent 50%),
                    linear-gradient(to right, #ccc, #ccc);
  /* 调整箭头的位置和大小 */
  background-position: calc(100% - 12px) calc(50% - 3px), /* arrow */
                        calc(100% - 18px) calc(50% - 3px), /* arrow */
                        0 0;
  background-size: 11px 11px, 11px 11px, 100% 3px;
  background-repeat: no-repeat;
}

#pull_down2:focus {
  outline: none;
  border-color: #7f7fff;
}

#pull_down2 option {
  font-size: 25px;
}
















/* 下拉箭头样式 */
.select-wrapper::after {
  .select-wrapper::after {
  content: "";
  background-image: url(xia.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

}



/* 提交按键样式 namecard3.php  */

#login-button {
  display: block;
  margin: 50px auto;
  padding: 10px 20px;
  background-color: #3cb371;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  transition: background-color 0.3s ease;

  margin-top:4px;margin-bottom:10px;
}

#login-button:hover {
  background-color: #2e8b57;
}



#writer_key {background:#fff ;margin:0 auto;height:60px; width:650px; margin-top:20px;border:2px solid #5577AA;}


#writer_key0 {background:#FBF2EA ;height:60px; margin:0 auto; margin-top:0px;margin-left:20px; border:0px solid #f00;}

#writer_key1 { float:left;background:#fff ;height:58px; width:260px; margin:0 auto;  margin-left:50px; border:2px solid #000;}

#writer_key1_1 { float:left;background:#fff ;height:100px; width:498px; margin:0 auto;  margin-left:2px; border:1px solid #000;}
#writer_key1_1  #k {
outline:medium;

padding: 22px;
float:left;
border:0px solid #f00;
width: 453px;height: 12px;
background: none;
font-size:1.2em;
}


#writer_key1_1_1 { float:left;background:#fff ;height:80px;  margin:0 auto;  margin-left:50px; margin-top:-50px;border:2px solid #000;}
#writer_key1_1_1  #k {
outline:medium;

padding: 22px;
float:left;
border:0px solid #f00;
width: 588px;height: 12px;
background: none;
font-size:1.8em;
}



#writer_key2 {float:left;background:#fff ;height:80px;  margin:0 auto;  margin-left:50px; margin-top:20px;border:2px solid #000;}

#writer_key2  #k {outline:medium;

padding: 22px;
float:left;
border:0px solid #f00;
width: 588px;height: 12px;
background: none;
font-size:1.8em;

}


#writer-writen {height:200px; width:800px; background:#FBF2EA;margin-top:0px;border:2px solid #FBF2EA;margin:0 auto;}

/* 宣传页头部样式 */
.editor_id {
	font-size:1.3em;
}


/* 宣传下拉菜单主框 */
.promo-header0 {
 background-color: #FBF2EA;
  padding: 40px 20px;
  color: #fff;
  text-align: center;
   border: 0px solid #f00;
}


/* 宣传下拉菜单主框 */
.promo-header00 {
 background-color: #FBF2EA;
  padding: 50px 10px;
  color: #fff;
  text-align: center;
   border: 0px solid #f00;
}


/* 宣传页头部样式 */
.promo-header1 {

  background: #fbf2ea;
  background-size: contain; /* 或者使用 cover */
  padding: 40px 20px;
  color: #000;
  text-align: center;
  border: 0px solid #000;

}

.promo-title{
	margin:0 auto;
 width: 240px;
  height: 100px;
  background-color: #fece00;
  font-size: 40px;
   text-align:center;
  line-height: 100px;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

 font-weight: bold; /* 添加字体加粗样式 */



  border-bottom: 6px solid #E0E0E0;
transition: background-color 0.6s ease;

align-items: center;
justify-content: space-between;
padding: 0 20px;




}


/* 名片容器样式 */
/* 宣传页容器样式 */
.promo {

  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border: 0px solid #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}

/* 宣传页头部样式 */
.promo-header {
  background-color: #FBF2EA;
  padding: 20px 20px;
  color: #fff;
  text-align: center;
   border: 0px solid #f00;
}

/* 标题样式 */
.promo-header h1 {
  font-size: 48px;
  margin: 0;
}

/* 副标题样式 */
.promo-header p {
  font-size: 24px;
  margin: 10px 0 0;
}

/* 宣传页主体样式 */
.promo-body {
  padding: 0px 0px;
  font-size: 18px;
  text-align: center;
}

/* 宣传图片样式 */
.promo-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

/* 宣传文字描述样式 */
.promo-body p {
  margin: 0;
}

/* 宣传页底部样式 */
.promo-footer {
  background-color: #FBF2EA;
  padding: 20px;
  text-align: center;
}

/* 链接样式 */
.promo-footer a {
  color: #000;
  font-size: 18px;
  text-decoration: none;

}

.promo-footer a:hover {

  color: #666;
  text-decoration


}







textarea#styled{
    font-family: Tahoma, sans-serif;

    width: 680px;
    height: 150px;
    padding: 5px;

    border: 1px solid #ccc;
    background-image: url(bg.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}