/*全局样式*/
*{ 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}
body{color:#333;font-family:'Microsoft YaHei','微软雅黑',STXihei,'华文细黑',Heiti,'黑体',SimSun,'宋体',sans-serif;font-size: 14px;margin:0;padding:0;background:#fff;}
a{color: #333;text-decoration:none;cursor: pointer;}
a:hover{color:#2076bd ;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:#2076bd}
.top_l b,.top_l span{color: #177bdf;}
.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: #177bdf;}
.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 #2076bd;}
/*导航*/
.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;}
.mail_btBox li{float: left;height: 35px;line-height: 35px;padding: 0 40px;border: 1px solid #177bdf;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: 14px;line-height: 24px;text-indent: 2em} 
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: #177bdf;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 }
 .letter_form {padding:50px 190px;}
.letter_form_tit_tx {height: 20px;width: 360px;}
.field-validation-error{color:red;}
.letter_form_tx {height: 20px;width: 200px;}
.letter_form label {text-align: right;float: left;width: 60px;line-height:30px;height:30px;text-align:right;width:100px;font-size:16px;}
.letter_form li {margin-bottom: 12px;line-height:30px;font-size:16px;}
.letter_form .letter_form_txa {height: 110px;width: 370px;overflow: hidden;}
.letter_form .patient_ask_btn{padding:0;border:none;border-radius:3px;font-size: 18px;height: 38px;line-height:38px;margin-left:180px;text-align:center;width:110px;cursor:pointer;color:#FFF;}


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

/*分页样式*/
.pages{line-height:30px;margin:15px auto}
.ae-pagination .page_number_div{text-align: right;}
.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: #2076bd;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:#2076bd;border:1px solid #2076bd;}

/*底部样式*/
.footer{/* text-align: center; *//* line-height: 26px; *//* border-top:1px solid #ededed; *//* padding: 15px 0; *//* width: 980px; *//* margin:0 auto; */}
.footer p{color: #666}


@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 .letter_form_tx{width:33%;}
.letter_form .letter_form_txa{width:45%;}
.letter_form .patient_ask_btn{margin-left:86px;}
.letter_form{padding:0px;}
.hos_email_right .letter_form label{width:30%;}
.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;}
.letter_form{width:270px;} 
}


@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 .letter_form_tx {width: 26%;}
.hos_email_right .letter_form label{width:31%;}
.letter_form .patient_ask_btn {margin-left: 90px;}
.field-validation-error{display:none;}
.letter_id,.letter_time,.letter_time_1{display:none;}
}