/*全局样式*/
* {
 padding: 0px;
 margin: 0px;
 list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0;
 padding: 0;
 font-size: 12px;
 font-weight: normal;
}

select,
input,
img,
select {
 vertical-align: middle;
 margin: 0;
 padding: 0;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

img {
 vertical-align: middle;
 border: none
}



a {
 color: #333;
 text-decoration: none;
 cursor: pointer;
}

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

.clearit,
.clearb {
 clear: both;
 margin: 0;
 padding: 0;
}

.wrap {
 background: #fff;
}

.mb20 {
 margin-bottom: 20px;
}

/*字体颜色样式*/
a.select,
h2.mail_tit,
.re_ask h2,
a.botton01 {
 color: #a40000
}

.top_l b,
.top_l span {
 color: #a40000;
}

.email_notice p {
 color: #127fa8;
}

/*背景颜色样式*/
.tablebg {
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc
}

.mailbox_search_btn,
.mailbox_index .mailbox_tit td,
.xinjian a,
.letter_form .patient_ask_btn,
.tablebg {
 background: #f7f7f7;
}

.mailbox_search_btn:hover,
.letter_form .patient_ask_btn:hover,
.xinjian a:hover {
 background: #358BC5;
 color: #fff;
}

.vote_nav,
.mailbox_search_btn,
.mail_btBox li,
.letter_form .patient_ask_btn {
 background: #a40000;
}

.vote_nav_left li.current_tit {
 background: #ad131b
}

/*头部*/
.vote_top {
 height: 100px;
 margin: 0 auto 25px;
 background: #fff url(../../common/images/votes/headbg.jpg) repeat-x left bottom;
}

.top_w {
 width: 980px;
 margin: 0 auto;
}

.top_l {
 float: left;
 line-height: 100px;
}

.top_l b {
 margin: 0px 20px;
}

.top_l b,
.top_l span {
 font-size: 28px;
 display: inline-block;
}

.top_r {
 float: right;
 line-height: 100px;
}

.top_r a {
 padding-left: 15px;
}

.W980 {
 width: 1170px;
 margin: 20px auto 0px;
 box-sizing: border-box;
}

.border {
 background-color: #fff;
 border: 0px;
 border-top: 2px solid #a40000;
}

/*导航*/
.vote_nav {
 width: 980px;
 margin: 0 auto 0px;
 overflow: hidden;
 height: 40px;
 line-height: 40px;
}

.vote_nav_left {
 width: 80%;
 float: left
}

.vote_nav_left li a {
 color: #fff;
 display: block;
}

.vote_nav_left li a:hover {
 _color: #fff;
}

.vote_nav_left li {
 float: left;
 padding: 0px 30px;
}

.vote_nav_right {
 width: 20%;
 float: right;
 height: 40px;
}

.vote_nav_right .vote_wx {
 color: #fff;
 background: url(/Content/Areas/Common/images/common/weixin.png) no-repeat 50px center;
 padding-left: 90px;
 display: block;
}

/*全部信件*/
.mail_btBox {
 height: 35px;
 padding: 0px;
 margin: 0px;
}
.a_href_line{
 color: #a40000 !important;
 font-weight: 600 !important;
}
.jiacu {
 font-weight: 600;
}
.dxhx {
 text-decoration: underline solid #a40000;
 text-underline-offset: 4px;
 text-underline-position: under;
   text-decoration-thickness: 2px;
}
.sxhx {
 font-weight: 600;
 text-decoration-line: underline;
 text-decoration-style: double;
 text-decoration-color: black;
 text-underline-offset: 4px;
 text-decoration-thickness: 2px;
}
.mail_btBox li {
 float: left;
 height: 35px;
 line-height: 35px;
 padding: 0 40px;
 border: 1px solid #a40000;
 margin-right: 10px;
 *padding: 0px;
 *width: 130px;
 *text-align: center;
 _line-height: 36px;
 border-radius: 5px 5px 0px 0px;
}

.mail_btBox li.all a {
 color: #fff
}

/*Index 页面*/
div.mail_p {
 background: #fbfbfb;
 padding: 10px;
 border: 1px solid #ccc;
}

div.mail_p p {
 font-size: 15px;
 line-height: 24px;
 text-indent: 2em;
 margin-bottom: 10px;
}

div.mail_search {
 padding: 20px;
 background: #eeeeee;
}

.mail_menu {
 float: right;
 line-height: 30px;
 position: relative;
 right: 0px;
}

.mail_menu a {
 background: url() no-repeat left center;
 padding-left: 20px;
 color: #ca2826;
 margin-left: 30px;
}

.mailbox_search {
 height: 22px;
 line-height: 22px;
 margin: 10px 0px;
}

.mailbox_search_tx {
 height: 28px;
 width: 25%;
 border: solid 1px #ccc;
 padding-left: 5px;
 margin-left: 15px;
}

.mailbox_search_btn {
 padding: 0;
 text-align: center;
 height: 24px;
 width: 90px;
 border: 0;
 cursor: pointer;
 color: #fff;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 40px;
 line-height: 24px;
 margin-left: 15px;
}

.mailbox_index .mailbox_tit td {
 height: 45px;
}

.mailbox_index td {
 font-size: 14px;
 height: 45px;
 text-align: center;
 color: #333;
 vertical-align: middle;
}

.mailbox_index td.name {
 width: 120px;
}

.mailbox_index td.name span {
 /* background: #a40000; */
 /* color:#fff; */
 padding: 2px;
}

.mailbox_index td.letter_tit {
 width: 30%;
}

.mailbox_index .letter_tit_td {
 text-align: left;
 padding-left: 30px;
 background: url(/Content/Areas/Interactions/images/mail/newmsg.png) no-repeat left center;
}

.mailbox_index {
 border-bottom: 1px solid #E5E4E4;
 border-right: 1px solid #E5E4E4;
 border-left: 1px solid #E5E4E4;
 border-top: 1px solid #E5E4E4;
}

.mailbox_index .question_icn_1,
.mailbox_index .question_icn_2,
.mailbox_index .question_icn_3,
.mailbox_index .question_icn_4,
.mailbox_index .question_icn_5 {
 margin: 0px auto;
}

.mailbox_index .question_icn_4 {
 background: url(/Content/Areas/Interactions/images/mail/icon.jpg) no-repeat 5px -55px;
 display: block;
 width: 24px;
 height: 24px;
}

#actiontype {
 height: 28px;
 padding: 0px 10px;
}

.phone_mail {
 display: none;
}

/*信箱详细页面*/
.letter_detail_tit {
 border-bottom: 1px dashed #999999;
 height: 40px;
 line-height: 40px;
 color: #8C8C8C;
 font-size: 14px;
 padding: 0 15px;
}

.letter_detail_tit h3 {
 background-image: url(/Content/Areas/Interactions/images/mail/icon01.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 display: inline;
 float: left;
 padding-left: 25px;
 font-size: 16px
}

.letter_detail_tit span {
 background-image: url(/Content/Areas/Interactions/images/mail/icon_time.jpg);
 background-position: left center;
 background-repeat: no-repeat;
 float: right;
 padding-left: 25px;
}

.letter_detail_cont {
 border-bottom: 1px solid #e9e9e9;
 padding: 20px;
}

.letter_detail_cont h3 {
 color: #999999;
}

.letter_detail_cont p {
 color: #474645;
 line-height: 24px;
 margin-top: 20px;
 text-indent: 2em;
}

.letter_detail_tit .letter_tit_answer {
 background-image: url(/Content/Areas/Interactions/images/mail/icon02.jpg) !important;
 background-position: left center;
 background-repeat: no-repeat;
}

.re_ask {
 background-color: #f7fdfa;
 padding: 20px;
}

.re_ask p {
 line-height: 24px;
 font-size: 14px;
}

.re_ask h2 {
 font-size: 16px;
 line-height: 32px;
}

p.BianJi {
 padding-left: 15px;
 line-height: 32px;
 margin-bottom: 20px;
}

a.botton01 {
 padding: 0 3px;
}

a.botton01:hover {
 font-weight: bold;
}


/*------------------------医院信箱新建------------------------*/
.xinjian a {
 width: 85px;
 height: 23px;
 line-height: 23px;
 cursor: pointer;
 font-size: 14px;
 color: #fff;
 text-align: center;
 float: right;
 margin-top: -22px;
 font-weight: normal;
 _height: 25px;
 _line-height: 25px
}


.field-validation-error {
 color: red;
}




.letter_form .letter_form_txa {
 height: 110px;
 width: 370px;
 overflow: hidden;
}




input,
textarea {
 border: 1px solid #ccc;
}

/*分页样式*/
.pages {
 line-height: 30px;
 margin: 15px auto
}

.ae-pagination .page_number_div {
 text-align: right;
}
.write_btn {
 border-radius: 3px;
 font-size: 18px;
 height: 38px;
 line-height: 38px;
 text-align: center;
 width: 110px;
 cursor: pointer;
 padding: 8px 10px;
 color: #FFF !important;
 background: #a40000;
 margin: 0 auto;
 display: block;
 }
.ae-pagination .page_number_div a {
 display: inline-block;
 height: 24px;
 font-size: 12px;
 margin: 0 2px;
 text-align: center;
 padding: 0px 10px;
 border: solid 1px #dcdcdc;
 color: #a40000;
 line-height: 24px;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.ae-pagination .page_number_div a:hover,
.ae-pagination .page_number_div .ae-pagination-current {
 color: #fff;
 background: #a40000;
 border: 1px solid #a40000;
}

/*底部样式*/



@media only screen and (max-width:1000px) {
 .letter_form {
 padding: 50px 0px;
 width: 480px;
 margin: 0 auto;
 }

 .top_w {
 width: 100%;
 padding: 0 10px;
 box-sizing: border-box;
 }

 .W980 {
 width: 100%;
 }
}

@media only screen and (max-width:768px) {
 .main {
 width: 100%;
 padding: 0px 10px;
 box-sizing: border-box
 }

 .vote_nav_right {
 display: none;
 }

 .top_r span>span {
 display: none
 }

 .letter_form_tit_tx {
 width: 40%;
 }

 .letter_form .letter_form_txa {
 width: 40%;
 }

 .letter_form .letter_form_tx {
 width: 33%;
 }

 .letter_form {
 width: 317px;
 }

 .letter_form .patient_ask_btn {
 margin-left: 100px;
 }

 .pd5-15 .pd20 {
 padding: 0;
 }

 .vote_nav {
 width: 100%;
 }

 .vote_nav_righ {
 display: none
 }

 .vote_nav_left {
 width: 100%
 }

 .vote_nav_left .mail_btBox {
 display: block
 }

 .vote_nav_left li,
 .vote_nav_left .mail_btBox li.current_tit,
 .vote_nav_left .mail_btBox li {
 width: 25%;
 padding: 0px;
 text-align: center;
 }

 .mail_menu {
 width: 100%;
 float: none;
 margin-bottom: 20px;
 }

 .mail_menu a {
 margin: 0px 30px 0px 0px;
 }

 .mail_btBox {
 display: none;
 }

 .border {
 border: 0px
 }

 .footer {
 width: 100%;
 }
}

@media only screen and (max-width:640px) {

 .main,
 .vote_nav,
 .footer,
 .footer_In,
 .vote_top,
 .footer {
 min-width: 320px;
 }

 div.mail_p p,
 .mailbox_search_btn,
 input,
 textarea,
 select,
 .mail_menu,
 .re_ask p,
 p.BianJi {
 font-size: 12px;
 }

 .mail_menu {
 margin-bottom: 10px
 }

 .vote_top,
 .mb20 {
 margin-bottom: 10px;
 }

 .main,
 .W980 {
 margin-top: 15px;
 }

 .logo img {
 width: 100px
 }

 .top_l b,
 .top_l span {
 font-size: 18px;
 }

 .mailbox_index {
 display: none;
 }

 .phone_mail {
 display: block;
 }

 .mail_list li {
 height: 80px;
 margin-bottom: 16px;
 }

 .mail_list li .mail_coont {
 width: 100%;
 float: left;
 height: 80px;
 border-bottom: 1px solid #ccc;
 }

 .mail_list li span.name {
 font-size: 14px;
 }

 .mail_list li span.time {
 float: right;
 font-size: 12px;
 color: #999;
 }

 .mail_list li p.title {
 line-height: 28px;
 font-size: 12px;
 }

 .mail_list li p.cont {
 font-size: 12px;
 color: #999;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 span.isHf {
 background: transparent url("/Content/Areas/Interactions/images/mail/icon.jpg") no-repeat scroll 5px -55px;
 width: 22px;
 height: 24px;
 display: block;
 float: left;
 margin-right: 6px;
 }

 .letter_detail_cont,
 .re_ask {
 padding: 10px
 }

 .letter_detail_cont p {
 margin-top: 10px;
 font-size: 12px;
 }

 .letter_detail_tit {
 height: 30px;
 line-height: 30px
 }

 p.BianJi {
 margin-bottom: 10px;
 }

 .letter_form li {
 margin-bottom: 10px;
 }

 .letter_form label,
 .letter_detail_tit h3,
 .re_ask h2 {
 font-size: 14px;
 }
}

@media only screen and (max-width:500px) {

 .top_l,
 .top_r {
 width: 100%;
 line-height: 44px;
 text-align: center;
 }
}

@media only screen and (max-width:450px) {
 

 .letter_form .patient_ask_btn {
 margin-left: 86px;
 }

   

 
  
 .field-validation-error,
 .letter_detail_tit span {
 display: none;
 }

 .letter_id,
 .letter_time,
 .letter_time_1 {
 display: none;
 }

 .mail_btBox li {
 padding: 0 15px;
 }

 .mail_btBox li.zx_li {
 padding: 0 15px 0 38px;
 margin-right: 0px;
 background: #73aee0 url(/Content/Areas/Interactions/images/mail/zx_icon.png) no-repeat 15px center;
 }

}

@media only screen and (max-width:420px) {
 .mailbox_search_btn {
 width: 47px;
 }

 
}


@media only screen and (max-width:360px) {
 .mail_list li p.title {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }

 .mailbox_search_tx {
 height: 28px;
 width: 38%;
 padding-left: 0;
 margin-left: 0;
 }

 #actiontype {
 padding: 0px
 }

 div.mail_search {
 padding: 10px;
 }
}

@media only screen and (max-width:320px) {
  

   

 .letter_form .patient_ask_btn {
 margin-left: 90px;
 }

 .field-validation-error {
 display: none;
 }

 .letter_id,
 .letter_time,
 .letter_time_1 {
 display: none;
 }
}



/* ==================== 信箱表单样式改进 ==================== */

/* 主容器调整 */
.letter_form {
 padding: 30px 30px 0 30px;
 background: #fff;
 border: 1px solid #e9e9e9;
 border-radius: 8px;
 box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 margin: 20px 0;
}

/* 表单列表项 */
.letter_form ul {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}

.letter_form li {
 margin-bottom: 20px;
 line-height: 40px;
 font-size: 16px;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 width: 50%;
 height: 50px;
}

/* 标签样式 */
.letter_form label {
 text-align: left;
 width: 80px;
 font-size: 16px;
 color: #333;
 font-weight: 500;
 margin-right: 15px;
 flex-shrink: 0;
}


/* 必填字段星号 */
.letter_form li span[style*="color: red"] {
 margin-left: 5px;
 color: #e74c3c !important;
 font-size: 14px;
}

/* 输入框和文本域样式 */
.letter_form_tit_tx,
.letter_form_tx,
.letter_form_txa,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
 flex: 1;
 min-width: 250px;
 padding: 10px 12px;
 border: 1px solid #d9d9d9 ;
 border-radius: 4px;
 font-size: 15px;
 line-height: 1.5;
 color: #333;
 background: #fff;
 transition: all 0.3s ease;
 box-sizing: border-box;
 max-width: 450px;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
 border-color: #a40000;
 box-shadow: 0 0 0 2px rgba(164, 0, 0, 0.1);
 outline: none;
}

/* 标题输入框 */
.letter_form_tit_tx {
 height: 40px;
 width: 100%;
 max-width: 500px;
}

/* 常规输入框 */
.letter_form_tx {
 height: 40px;
 width: 100%;
}

/* 文本域 */
.letter_form_txa {
 height: 150px;
 width: 100%;
 max-width: 100%;
 resize: vertical;
 min-height: 100px;
 font-family: inherit;
}

/* 下拉选择框样式 */
.letter_form select,
.ajax-dropdown {
 flex: 1;
 min-width: 250px;
 height: 40px;
 padding: 8px 12px;
 border: 1px solid #d9d9d9 ;
 border-radius: 4px;
 font-size: 15px;
 color: #333;
 background: #fff;
 cursor: pointer;
 transition: all 0.3s ease;
 max-width: 450px;
}

.letter_form select:focus,
.ajax-dropdown:focus {
 border-color: #a40000;
 box-shadow: 0 0 0 2px rgba(164, 0, 0, 0.1);
 outline: none;
}

/* 复选框样式 */
.letter_form input[type="checkbox"] {
 margin-left: 10px;
 width: 18px;
 height: 18px;
 cursor: pointer;
 vertical-align: middle;
}

/* 提交按钮样式 */
.letter_form .patient_ask_btn {
 padding: 0;
 border: none;
 border-radius: 4px;
 font-size: 16px;
 height: 44px;
 line-height: 44px;
 text-align: center;
 width: 120px;
 cursor: pointer;
 color: #fff;
 background: #a40000;
 transition: all 0.3s ease;
 font-weight: 500;
 display: block;
 margin: 20px auto;
}

.letter_form .patient_ask_btn:hover {
 background: #c40000;
 transform: translateY(-1px);
 box-shadow: 0 4px 12px rgba(164, 0, 0, 0.2);
}

.letter_form .patient_ask_btn:active {
 transform: translateY(0);
}

/* 验证错误信息 */
.field-validation-error {
 color: #e74c3c !important;
 font-size: 13px;
 margin-left: 10px;
 display: inline-block;
 max-width: 300px;
 line-height: 1.4;
}

/* 匿名复选框行特殊处理 */
.letter_form li:has(input[type="checkbox"]) {
 position: relative;
}

.letter_form li:has(input[type="checkbox"]) label {
 width: 80px;
}

.letter_form li:has(input[type="checkbox"]) .field-validation-error {
 position: absolute;
 top: 100%;
 left: 135px;
 margin-top: 2px;
}




/* 表单分组视觉分隔 */
.letter_form li:not(:last-child) {
 border-bottom: 1px solid #f0f0f0 !important;
 padding-bottom: 20px;
}

/* 下拉框容器 */
.letter_form .ajax-dropdown-container {
 flex: 1;
 min-width: 250px;
}

/* 表单焦点状态优化 */
.letter_form li:focus-within {
 border-color: #a40000;
}

/* 禁用状态 */
.letter_form input:disabled,
.letter_form select:disabled,
.letter_form textarea:disabled {
 background-color: #f5f5f5;
 cursor: not-allowed;
 opacity: 0.7;
}

/* 成功消息样式 */
._MessageTrue {
 padding: 20px;
 background: #f0f9eb;
 border: 1px solid #b7eb8f;
 border-radius: 4px;
 color: #52c41a;
 margin-bottom: 20px;
}

/* 错误消息样式 */
._MessageFalse {
 padding: 20px;
 background: #fff2f0;
 border: 1px solid #ffccc7;
 border-radius: 4px;
 color: #f5222d;
 margin-bottom: 20px;
}
.letter_form li:nth-last-child(1),
.letter_form li:nth-last-child(2) {
 border-bottom: none !important;
 padding-bottom: 0 ;
 margin-bottom: 10px; 
 width: 100%;
 height: auto;
}
/* 响应式设计 */
@media only screen and (max-width: 768px) {
 .hos_email_right{
 width: 100%;
 }
 .letter_form {
 padding:  10px;
 margin: 10px 0;
 width: 100%;
 box-sizing: border-box;

 }
 
 .letter_form li {
 align-items: center;
 line-height: 1.5;
 margin-bottom: 25px;
 width: 100%;
 }
 
 .letter_form label {
 width: 20%;
 text-align: left;
 font-size: 15px;
 margin-right: 5px;
 }
 
 .letter_form label::after {
 content: "";
 }
 
 .letter_form_tit_tx,
 .letter_form_tx,
 .letter_form_txa,
 .letter_form select,
 .ajax-dropdown {
 width: 100% !important;
 min-width: 10px !important;
 max-width: 75% !important;
 }
 
 .letter_form .patient_ask_btn {
 margin: 20px auto 0;
 width: 100%;
 max-width: 280px;
 }
 
 /* 匿名复选框在移动端的特殊布局 */
 .letter_form li:has(input[type="checkbox"]) {
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 }
 
 .letter_form li:has(input[type="checkbox"]) label {
 width: auto;
 margin-right: 10px;
 margin-bottom: 0;
 }
 
 .letter_form li:has(input[type="checkbox"]) .field-validation-error {
 position: static;
 width: 100%;
 margin: 5px 0 0;
 }
}