.my-input:focus,
.my-textarea:focus {
  outline: none; /* 瀹屽叏绉婚櫎鐒︾偣鏃剁殑杞粨 */
}
.form-group label {
  display: block; /* 鍏抽敭锛佽鏍囩鐙崰涓€琛 */
  margin-bottom: 0.05rem; /* 鍦ㄦ爣绛惧拰杈撳叆妗嗕箣闂村姞涓€鐐归棿璺 */
}

.form-group input {
  display: block; /* 铏界劧涓嶆槸蹇呴』锛屼絾鍔犱笂鏇磋鑼 */
  width: 100%; /* 璁╄緭鍏ユ瀹藉害鍏呮弧瀹瑰櫒 */
  padding: 8px 12px;
  border: 1px solid #ccc;
  box-sizing: border-box; /* 閲嶈锛佽繖鏍穚adding涓嶄細鎾戝ぇ瀹藉害 */
}
.form-group textarea {
    display: block; /* 铏界劧涓嶆槸蹇呴』锛屼絾鍔犱笂鏇磋鑼 */
    width: 100%; /* 璁╄緭鍏ユ瀹藉害鍏呮弧瀹瑰櫒 */
    padding: 8px 12px;
    border: 1px solid #ccc;
    box-sizing: border-box; /* 閲嶈锛佽繖鏍穚adding涓嶄細鎾戝ぇ瀹藉害 */
}
label.required::before {
  content: "* ";      /* 杩欓噷灏辨槸鐢熸垚鏄熷彿鐨勫湴鏂癸紝鍚庨潰鏈変釜绌烘牸 */
  color: #000;
}
.form-title {
  text-align: center;      /* 鏂囧瓧灞呬腑 */
  color: #000;            /* 鏂囧瓧棰滆壊 */
  margin-bottom: 30px;    /* 涓庤〃鍗曢」鐨勯棿璺 */
  font-size: 24px;        /* 瀛椾綋澶у皬 */
  padding-bottom: 10px;   /* 搴曢儴鍐呰竟璺 */
}
.my-input {
  width: 320px;   /* 璁剧疆瀹藉害 */
  height: 47px;   /* 璁剧疆楂樺害 */
  font-size: 15px;
}
.my-textarea {
  width: 680px;   /* 璁剧疆瀹藉害 */
  height: 116px;   /* 璁剧疆楂樺害 */
  font-size: 15px;
  text-align: left; 
}
.grid{
    display: grid;
}
.grid1{
    display: grid;
    grid-template-columns: 1fr;
}
.grid2{
    display: grid;
    grid-template-columns: 1fr 1fr; /* 涓ゅ垪锛屾瘡鍒楃瓑瀹 */
    grid-template-rows: 1fr 1fr;    /* 涓よ锛屾瘡琛岀瓑楂 */
    column-gap: 0.5rem;
    row-gap: 0.2rem; /* 缃戞牸椤逛箣闂寸殑闂磋窛 */ 
}
.module2_box{
    background-color: #FFEEE7;
    width: 1200px;
    height: 618px;
    /* padding: 100px; */
    margin-top: 60px;
}
.gycs_top{
    padding-top: 35px;
    padding-left: 45px;
    padding-right: 45px;
}
.gycs_content{
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.card-container {
    position: relative;
    width: 360px;
    height: 488px;
}

/* 搴曞眰澶у崱鐗 */
.base-card {
    width: 360px;
    height: 488px;
    background: white;
    border-radius: 12px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.base-image {
    width: 100%;
    height: 244px;
}

.base-content {
    height: 245px;
    background: white;
}

/* 涓婂眰灏忓崱鐗 */
.overlay-card {
    width: 360.25px;
    height: 260px;
    background: white;
    border-radius: 12px;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); */
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0.2rem 0.3rem ;
}

/* 鎴戣鏁戝姪鑳屾櫙鍥 */
.backgroud_wyqz_1{
    width: 100%;
    height: auto;
    background-image: url('img/csgy3-1.png');
    background-repeat: no-repeat;
}
.backgroud_wyqz_2{
    width: 100%;
    height: auto;
    background-image: url('img/csgy3-2.png');
    background-repeat: no-repeat;
}
.backgroud_wyqz_3{
    width: 100%;
    height: auto;
    background-image: url('img/csgy3-3.png');
    background-repeat: no-repeat;
}
.submit-btn {
    text-align: right;
    /* 灏哄 */
    width: 160px;
    height: 40px;
    
    /* 棰滆壊 */
    background-color: #5A1E6E; /* 绱壊 */
    color: white; /* 鏂囧瓧鐧借壊 */
    font-size: 0.18rem;
    
    /* 鏂囧瓧灞呬腑 */
    display: flex;
    align-items: center;
    justify-content: center;
    /* 鍘绘帀榛戣竟 */
    border: none;
    outline: none;
}
.button-container {
    display: flex;
    justify-content: flex-end; /* 鍙冲榻 */
  }
.rats-container{
    display: flex;
    align-items: flex-start; 
    align-items: center;
    flex-direction: column;
}
.rets-title{
    gap: 0.3rem;
    padding: 0.4rem 0; 
}
.text-content{
    color: #666666;
    line-height: 0.25rem;
}
.flex3{
    display: flex;
    flex-direction: column;
}
.flex4{
    display: flex;
    align-items: center;
}
.slh6 {
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.flex_chanpin{
    justify-content: space-between!important;
}
.gaishu{
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    padding: 0px 45px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    /*margin-top: 100px;*/
    position: absolute;
    z-index: 9999;
    top: 20px;
}