.contentArea { margin: 50px auto 0; width: 1200px; box-sizing: border-box; }
.mainArea { display: flex; width: 1200px; padding: 35px 60px 60px; box-sizing: border-box; margin: 0px auto; border: 2px dashed #d93385; margin-top: 50px; padding: 40px 0; box-sizing: border-box; }


.content_title { display: flex; align-items: center; justify-content: center; color: black; }

.content_title .tips { margin: 0 10px; letter-spacing: 2px; font-size: 18px; font-weight: bold; }

.content_title .circle { width: 5px; height: 5px; background-color: #aa4241; border-radius: 50%; }

.login_content { margin: 0; width: 45%; border-right: 2px solid #eeeeee; box-sizing: border-box; padding: 30px 40px 45px; box-sizing: border-box; }

#login_area { margin-top: 55px; display: block; }
.area_item { width: 100%; margin-bottom: 25px; }

.area_item input { padding: 0 15px; display: block; width: 100%; height: 60px; background-color: #eeeeee; border-radius: 6px; box-sizing: border-box; border: none; outline: none; font-size: 19px; color: #333333; }

.area_item input::placeholder { color: #838383; }
.subBtn { display: block; width: 100%; height: 65px; background: #ca2f67; text-align: center; border-radius: 6px; border: none; outline: none; font-size: 20px; color: #ffffff; line-height: 65px; cursor: pointer; margin-top: 40px; }
#loginMsg { margin-top: 40px; display: block; }

.msg_left { width: 100%; }

.msg_left a { font-size: 16px; text-decoration: underline; }

.msg_right { width: 100%; margin-top: 40px; display: flex; justify-content: space-between; }

.msg_right .foget { color: #999999; }

.bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, .7); z-index: 99; }

.bgResult { width: 500px; height: 500px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 2px; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3); }

.bgResult .close { position: absolute; right: 10px; top: 10px; font-size: 24px; }
.announce_content { width: 55%; }
.contentBox { width: 95%; margin-left: 5%; padding-right: 3px; box-sizing: border-box; /* background-color: lightblue; */ }


.announce_content { width: 55%; /* background-color: lightcoral; */ }

.contentBox { width: 95%; margin-left: 5%; padding-right: 3px; box-sizing: border-box; /* background-color: lightblue; */ }

.boxTitle { width: 142px; margin: 0 auto; }

.boxTitle img { width: 100%; height: auto; display: block; }



.newsArea { height: 440px; margin-top: 30px; overflow-y: scroll; scrollbar-arrow-color: #e6e6e6; /*顶部/底部图标颜色*/ scrollbar-face-color: #e6e6e6; /*滚动条颜色*/ scrollbar-shadow-color: #e6e6e6; }
.newsArea::-webkit-scrollbar { width: 4px; height: 4px; }

.newsArea::-ms-scrollbar { width: 4px; height: 4px; }

.newsArea::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #e6e6e6; }

.newsArea::-ms-scrollbar-thumb { border-radius: 5px; -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #e6e6e6; }




.newsEle { display: flex; align-items: center; margin-bottom: 20px; padding-right: 10px; box-sizing: border-box; }

.ele_left { width: 25%; height: 90px; margin-right: 0; /* margin-right: 30px; */ background-image: linear-gradient(#ec6661, #a82420); position: relative; flex-shrink: 0; }

.ele_left .dateBox { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); /* background-color: pink; */ text-align: center; }

.dateBox span { display: block; font-size: 25px; color: #fff; }

.dateBox span:nth-child(2) { font-size: 19px; margin-top: 10px; }

.ele_left img { width: 100%; height: 100%; display: block; }

.ele_left .modalBg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(226, 95, 133, .6); /* display: none; */ opacity: 0; transition: all .3s linear; }

.ele_left:hover .modalBg { opacity: 1; }

.searchBtn { position: relative; top: 30px; left: 50%; transform: translate(-50%); width: 30px; height: 30px; /* background-color: orange; */ }

.searchBtn img { width: 100%; height: 100%; display: block; }





.ele_right { width: 72%; margin-left: 3%; height: 90px; padding: 10px; box-sizing: border-box; background-color: white; }

.ele_right:hover { background-color: #eeeeee; }

.ele_right .ele_title { white-space: initial; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; width: 100%; line-height: 26px; font-size: 17px; text-align: justify; position: relative; top: -7px; }
.ele_right .ele_time { color: #b5b5b5; font-size: 13px; margin-top: 10px; }