/* Created by kong 20241230 */

.spbg08 { background-image: url("../images/bg_26.jpg"); overflow: hidden;}
.spbg08 .title { margin-top: 40px;}
.spbg08 .title a.mailbtn { float: right; margin-top: 29px; width: 120px; height: 40px; font-size: 16px; line-height: 40px; color: white; font-weight: normal; text-align: center; background: #F16E3C; border-radius: 40px;}
.spbg08 .title a.mailbtn:hover { text-decoration: none; background: #F6713E;}

.noticelist { padding-top: 38px; font-size: 18px; line-height: 60px;}
.noticelist dd { margin-top: 16px; border-radius: 3px; background: white url("../images/dot_02.png") 24px center no-repeat; box-shadow: rgba(0,0,0,0.1) 0 1px 8px;}
.noticelist dd a { display: block; padding: 0 30px 0 50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticelist dd a:hover { text-decoration: none;}
.noticelist dd i { float: right; margin-left: 10px; font-size: 16px; color: #666;}

.mailbox { margin: 30px auto 0; width: 1300px; box-sizing: border-box; padding: 65px 55px 0 52px; background: white; border-radius: 20px; overflow: hidden;}
.mailbox .letter { float: left; width: 560px; font-size: 16px; line-height: 24px; color: #333;}
.mailbox .letter strong { display: block; font-size: 18px; color: #F16E3C;}

.mailbox form { float: right; width:580px;}
.mailbox form p { margin-bottom: 20px; overflow:hidden;}
.mailbox form input, .mailbox form textarea { width:522px; padding:0 23px 0 35px; background:#F8F8F8; border-radius:5px; resize:none;}
.mailbox form input { height:40px; font-size: 16px; line-height: 40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mailbox form textarea { display:block; height:144px; padding-top: 7px; padding-bottom: 7px; line-height:30px;}
.mailbox form button { float:right; width:150px; height:40px; font-size: 16px; line-height:40px; text-align:center; color:white; background:#F16E3C; cursor:pointer; border-radius:40px;}
.mailbox form button:hover { background:#F6713E;}
.mailbox form .require input, .require textarea { background:#F8F8F8 url("../images/dot_03.png") 24px 16px no-repeat; background-size: 7px 7px;}
.mailbox form .verify input { width:85px;}
.mailbox form .verify img { width:100px; height:40px; margin-left: 15px; vertical-align:bottom; border-radius:5px; cursor:pointer;}

@media screen and (max-width: 1500px) and (min-width: 750px) {
	.noticelist { padding-top: 22px;}

	.mailbox { width: 1200px;}
	.mailbox .letter { width: 470px;}
}

@media screen and (max-width: 750px) {
	.spbg08 { background-size: auto 4.5rem; background-position: -5.85rem top;}
	.spbg08 .title { margin-top: 0.39rem;}
	.spbg08 .title a.mailbtn { margin-top: 0.07rem; width: 1.6rem; height: 0.46rem; font-size: 0.26rem; line-height: 0.46rem; border-radius:0.46rem;}

	.noticelist { padding-top: 0.06rem; font-size: 0.26rem; line-height: 0.8rem;}
	.noticelist dd { margin-top: 0.24rem; border-radius: 0.1rem; background-position: 0.24rem center; background-size: 0.12rem 0.12rem; box-shadow: rgba(0,0,0,0.1) 0 0.01rem 0.08rem;}
	.noticelist dd a { padding: 0 0.26rem 0 0.53rem;}
	.noticelist dd i { margin-left: 0.1rem; font-size: 0.24rem;}
	
	.mailbox { margin: 0.33rem auto 0; width: 7rem; padding: 0.65rem 0.5rem 0; border-radius: 0.2rem;}
	.mailbox .letter { float: none; width: auto; height: 2.4rem; font-size: 0.26rem; line-height: 0.48rem; transition: height 0.2s; overflow: hidden;}
	.mailbox .letter strong { font-size: 0.28rem;}
	.mailbox .letter+.loadmore { display: block; margin-top: 0.3rem;}
	
	.mailbox form { float: none; width:auto; margin-top: 0.55rem;}
	.mailbox form p { margin-bottom: 0.2rem;}
	.mailbox form input, .mailbox form textarea { width:5.2rem; padding:0 0.35rem 0 0.45rem; border-radius:0.1rem;}
	.mailbox form input { height:0.8rem; font-size: 0.26rem; line-height: 0.8rem;}
	.mailbox form textarea { height:2.16rem; padding-top: 0.13rem; padding-bottom: 0.13rem; line-height:0.54rem;}
	.mailbox form button { width:1.5rem; height:0.8rem; font-size: 0.26rem; line-height:0.8rem; border-radius:0.8rem;}
	.mailbox form .require input, .require textarea { background-position: 0.24rem 0.35rem; background-size: 0.1rem 0.1rem;}
	.mailbox form .verify input { width:1.2rem;}
	.mailbox form .verify img { width:1.5rem; height:0.8rem; margin-left: 0.15rem; border-radius:0.1rem;}
}