@charset "utf-8";
/*全局样式*/
*{ padding:0px; margin:0px; list-style:none} 
h1,h2,h3,h4,h5,h6,li{margin:0;padding:0;font-size:14px;font-weight: normal;}
select,input,img,select{vertical-align:middle; margin:0;padding:0;}
table{ border-collapse:collapse; border-spacing:0; width:100%;text-align:center; font-size:14px;}
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:#d12c1c ;text-decoration:none;}
.clearit,.clearb{clear:both;margin:0;padding:0;}
.overflow{ overflow:hidden; height:1%;}
.fl{ float:left}
.fr{ float:right}
/*------错误提示------*/
.field-validation-error{color:red}

.main{ border-bottom:1px solid #ededed}
.FriendLink{ border-top:1px solid #fff}
/*文章、栏目、站点、二级页面主体宽度*/
.main_content{width: 1200px;margin:0 auto;}
/*左右布局样式*/
.Min_L{width:700px;}
.Min_R{width:330px;}

/*板块布局样式*/
.col-md-12{width:100%;} 
.col-md-10{width:83%;} 
.col-md-9{width:75%;}
.col-md-8{width:67%;}
.col-md-7{width:59%;}
.col-md-6{width:50%;}
.col-md-5{width:41%;}
.col-md-4{width:33%;}
.col-md-3{width:25%;}
.col-md-2{width:17%;}
.mrg{margin:0 2%;}
/*外边距像素*/
.mt10{margin-top: 10px;} 
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mg0-10{ margin:0 10px;}
.mg20-0{ margin:20px 0;}
.mg25-0{ margin:25px 0;}
/*内边距像素*/
.pd10{padding:10px}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px}
.pr10{padding-right: 10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 15px;}
.pd0-10{padding:0px 10px;}
.pd0-15{padding:0px 15px}
.pd0-20{padding:0px 20px}
.pd5-0{padding:5px 0px}
.pd10-0{padding:10px 0px}
.pd15-0{padding:15px 0px}
.pd20-0{padding:20px 0px}
.pd5-15{padding:5px 15px}
.pd0-15{padding:0px 15px}
.pd0-10{padding:0px 10px}
.pd0-20{padding:0px 20px}
/*边框样式*/
.border_T{border-top:1px solid #ededed;}
.border_B{border-bottom:1px solid #ededed;}
.border_L{border-left:1px solid #ededed;}
.border_R{border-right:1px solid #ededed;}
.border{border:1px solid #ededed;border-top:2px solid #d12c1c ;}
/*渐变样式*/
.transition{
 transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s ;
 -webkit-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s; 
}
/*输入框样式*/
input,textarea,select{
 font-size: 14px;
 color: #555;
 background-image: none;
 border:1px solid #ccc;
 -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input:focus,textarea:focus,select:focus{
 border-color: #d12c1c!important;
 outline: 0!important;
 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

/*公用标题样式*/
h2.title_header{ }
h2.title_header a.more{}
h2.title_header a.more:hover{}
h2.title_header span{}
h2.title_header span a{}
/*文章列表插件样式*/
ul.article_list li{padding-left:15px;background:url(/Content/Areas/Hospitals/images/li_bg.png) no-repeat 0px 15px;line-height: 32px;}
ul.article_list li span.span_date{float: right}
ul.article_list li a.columnName{float: left;color: #d12c1c ; margin-right: 4px;}
ul.article_list li a.columnName:hover{font-weight: 600;}
/*公用读取一篇文章*/
.article_box{overflow:hidden}
.article_box img{float: left;margin-right:20px;}
.article_box h2{font-size: 18px;color: #333;font-weight: normal; margin-bottom:5px;}
.article_box p{font-size: 14px;line-height: 28px;color: #999999;}
.article_box .details {float: right;font-size: 12px;overflow: hidden;color: #d12c1c ; +float: none;}
.article_box .details:hover{ font-weight: 700; font-size:14px;}
.detail {color: #d12c1c ;}
.detail:hover{ font-weight: 700; font-size:14px;}

/*背景渐变样式*/
h2.title_header a.more:hover,p a.more:hover,p a.details:hover
{transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}

/*分页样式*/
.pages{ line-height:30px; margin:15px auto!important;height:34px; padding:0 20px; float:right; _width:94%}
.pages form{float:left; margin:0 0 0 5px; height:31px; line-height:31px;}
.pages form .pagetz_input{width:30px; margin:0 5px;border:1px solid #dcdcdc;height:28px; line-height:28px;display: block;float: left}
.pages .pagetz_btn{ width:30px; margin:0 5px;border:1px solid #dcdcdc;height:30px;display: block;float: left;cursor: pointer;background: #fff;}
.pages .pagetz_btn:hover{ background:#D11307;color:#fff}
.page_number_div{float:left;}
.ae-pagination{ width: 100%}
.pagination_page{ color:#333333!important;}
.ui-state-default{ background:none!important; height:24px!important;font-size:14px!important; color:#009b80; text-decoration:none; font-weight:normal; border:none!important; line-height:24px;}
.ui-state-default:hover{ border:none}
.ae-pagination a{ height:24px!important;font-size:12px; margin:0 2px!important; text-decoration:none; font-weight:normal; padding:0px!important; text-align:center; padding:5px 10px!important; border:solid 1px #dcdcdc!important;color: #D11307!important}
.ae-pagination a:hover{color:#FFF!important;background:#D11307!important;border:1px solid #D11307!important;}
.pagination_firstpage{ border:none!important; height:24px!important; width:36px; padding:0px!important;text-align:center; color:#666666!important; line-height:24px!important;}
.ae-pagination-current{color:#FFF!important;background:#D11307!important;border:1px solid #D11307!important;}
.page_number_div{ *float:right;*height:35px;*padding:5px 0;}
.pages a:hover{color: #FFF!important;background-color:#e64031!important;border:1px solid #e64031!important}
.pages .ae-pagination-current,.pages .ae-pagination-current:hover{color: #FFF!important;background-color:#D11307!important;border:1px solid #D11307!important}
.pagination_firstpage,.pagination_previouspage,.pagination_nextpage{ cursor:pointer;}
.ui-corner-all {border-radius:3px!important;}



/* CSS Document */
/*按钮的背景颜色*/
.vote_btn_con .btn,.vote_left .vote_list li .vote_btn,.btn_box a,.mailbox_search_btn{background: #e67724;}
.vote_btn_con .btn:hover,.vote_left .vote_list li .vote_btn:hover,.btn_box a:hover,.mailbox_search_btn:hover{background:#F29149}

.wrap{ background:#f6f6f6;}
.header{ width:100%; height:90px; background:#d12c1c;}
.header_In{ width:854px; margin:0 auto;}
.logo img{margin-top:11px;}
.header_In_r{color: #fff;float: right;font-size: 16px;line-height: 90px;}
.header_In_r a{ color:#fff}
.header_In_r a:hover{ text-decoration:underline}
.header_In_r .line{ margin:0 5px;}
/*导航栏*/
.nav{height:48px;border-bottom:4px solid #e67724;background:#fff;padding-top:5px;}
.nav .sy_nav{ width:854px; margin:0 auto}
.nav .sy1_ul{ width:616px; margin:0 auto}
.nav .sy1_li{float: left;font-size: 16px;line-height: 48px;}
.nav .sy1_li a{display:block;padding: 0 35px;}
.nav .Hover a{ background:#e67724; color:#fff}
.main{ width:854px; margin:20px auto 0; border-bottom:none}
/*列表页*/
.vote_left{ float:left; width:624px;}
.vote_left .vote_list li{ background:#fff; border:1px solid #d8d8d8; padding:0 20px 20px 20px; margin-bottom:15px;}
.vote_left .vote_list li .vote_list_tit{ border-bottom:1px dotted #999999; line-height:42px; height:42px;}
.vote_left .vote_list li .vote_list_title{ display:inline-block; width:55%; overflow:hidden}
.vote_left .vote_list li .rz_tc_box{ float:right; font-size:12px;}
.vote_left .vote_list li .fbTime{ background:url(/Content/Areas/Hospitals/images/satisfactions/icon1.png) no-repeat 0 center; padding-left:15px; margin-right:15px;}
.vote_left .vote_list li .info_hits{ background:url(/Content/Areas/Hospitals/images/satisfactions/icon2.png) no-repeat 0 center; padding-left:15px; margin-right:15px;}
.vote_left .vote_list li .vote_result{ background:url(/Content/Areas/Hospitals/images/satisfactions/icon3.png) no-repeat 0 center; padding-left:20px}
.vote_left .vote_list li .vote_list_m{ margin-top:15px;}
.vote_left .vote_list li .vote_list_m img{ width:130px; height:92px; margin-right:12px; float:left}
.vote_left .vote_list li .vote_list_m p{ font-size:12px; line-height:28px;}
.vote_left .vote_list li .vote_btn{color: #fff;display: block;float: right;font-size: 12px; padding: 3px 8px;}
.vote_right{ float:right; width:208px; border:1px solid #d8d8d8; background:#fff}
.vote_right h2{ font-size:16px; line-height:28px; margin-bottom:8px; padding-left:4px;}
.vote_right .hot_list li{ background:url(/Content/Areas/Hospitals/images/satisfactions/li_bg.png) no-repeat 0 9px; line-height:24px; margin-bottom:10px; padding-left:12px}
/*详细页*/
.main_detail{ margin-bottom:40px; width:854px}
.main_detail .vote_detail_tit{ font-size: 28px;line-height: 40px; text-align:center}
.main_detail .vote_detail_tit span{background: url(/Content/Areas/Hospitals/images/satisfactions/tit_icon.jpg) 0 8px no-repeat;padding-left: 40px;}
.main_detail p.handler{padding: 12px 0;font-size: 12px; text-align: center}
.main_detail p.handler span{display: inline;background: url(/Content/Areas/Hospitals/images/satisfactions/v-line.png) right center no-repeat;padding-right: 20px;}
.main_detail i.color{font-style: normal;color: #F29149;}
.main_detail .cp{ float:left; line-height:30px; margin:20px 2% 0px 0; width:48%}
.main_detail .cp span{ color:#000;display: inline-block;text-align: right;}
.main_detail .cp input{ height:30px; border:1px solid #ddd; width:168px; padding-left:10px}

.main_detail .ccp{ float:left; line-height:30px; margin:20px 2% 0px 0; width:48%}
.main_detail .ccp span{ color:#000;display: inline-block;text-align: right;}
.main_detail .ccp input{ height:30px; border:1px solid #ddd; width:20px; padding-left:15px}

.main_detail table{ margin:32px auto 0}
.main_detail table tr{ color:#000; text-align:center}
.main_detail table td{ border:1px solid #dcdcdc; height:30px; line-height:30px; padding:0 2px}
.main_detail table .vote_input_text td{ padding:10px 20px; text-align:left; border-bottom:0}
.main_detail table .vote_input_text textarea { width:100%; height:124px; margin:10px 0}
.bg-color-1{ background:#d26635; color:#fff !important; font-weight:bold}
.bg-op{ background:#d97c53; font-weight:normal; color:#fff !important}
.bg-color-2{ background:#fef2e8}
.bg-color-3{ background:#e8e8e8}
.vote_btn_box{ width:852px;border:1px solid #dcdcdc; border-top:none;background:#fef2e8;margin:0 auto;}
.vote_btn_con{ width:435px; margin:0 auto; }
.vote_btn_con .btn{width: 125px;height: 35px;line-height: 35px;border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border: none;color: #fff;font-size: 16px;cursor: pointer;margin: 25px 0 25px 15px;display: block;float: left;text-align: center;}
/*登录页*/
.wrap_login{ background:url(/Content/Areas/Hospitals/images/satisfactions/bg.jpg) no-repeat 0 bottom; position:relative;}
.login_con{ width:609px; height:407px;background:url(/Content/Areas/Hospitals/images/satisfactions/login_bg.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin-top:-203px; margin-left:-304px;}
.login_logo{ display: block; margin: 0px auto; padding:50px 40px}
.login_M{ width:280px; margin:0 auto;}
.login_M li{ position:relative}
.login_M li .f-text{ border:#e0e0e0 1px solid; background:#fff; margin-left:15px; height:28px; width:186px; padding-left:10px;}
.login_M li p{ left: 295px;line-height: 32px;position: absolute;top: 0;width: 125px;}
.login_M li p span{ background:none ;padding-left:0; color:red}
.login_user{ margin-bottom:15px;}
.login_user span{ color:#999999; background:url(/Content/Areas/Hospitals/images/satisfactions/icon4.png) no-repeat 0 0 ; padding-left:25px;}
.login_password span{ color:#999999; background:url(/Content/Areas/Hospitals/images/satisfactions/icon5.png) no-repeat 2px -2px ; padding-left:34px;}
.login_M .forget{color: #999999;font-size: 12px; margin-top: 12px; margin-left: 80px;}
.login_M .forget span{ margin-left:10px}
.login_M .submitbtn{ width:106px; height:36px; background:#d12c1c; color:#fff; border:none; margin-top:20px; margin-left:80px}
.login_M .submitbtn:hover{ background:#f95252 }
/*提交成功后的页面*/
.overflow_1{height:15px !important;}
.submit_cont{ height:auto !important}
.re_home{ background-position: 0 center !important; display:none !important}
.true_cont p{ font-size:18px !important}
.true_cont img{ margin-right:20px !important}
.btn_box{display: inline-block;margin-top: 15px;text-align: center;width: 80%;}
.btn_box a{ border-radius: 4px; color: #fff;display: inline-block;font-size: 14px;padding: 2px 10px;}
/*输入密码页*/
.content_M{ border-top: 1px solid #e3e3e3;margin-top: 25px; padding-top: 25px;}
.Box1{ font-size: 14px;line-height: 40px; margin: 15px auto;width: 310px;}
.mailbox_search_tx{border: 1px solid #ccc; padding: 5px 10px; width: 178px;}
.mailbox_search_btn{ border: 1px solid #e67724;color: #fff;cursor: pointer;height: 30px;margin-left: 90px; overflow: hidden;text-align: center;width: 100px;}
.Box2 .mailbox_search_btn{ margin-left:0;}
/*底部*/
.footer{ border:1px solid #dadada; background:#f0eceb}
.footer_In{ width:854px; margin:0 auto}
.footer_top{ height:150px; background:url(/Content/Areas/Hospitals/images/icon_line.png) no-repeat center bottom; height:157px;}
.footer_top .Min_con1{ width:360px; margin-right:60px; float:left}
.footer_top .Min_con1 h1 img{ width:100%; margin:10px 0;}
.footer_top .Min_con1 p{ background:url(/Content/Areas/Hospitals/images/icon_phone.png) no-repeat left center; color:#666666; font-size:16px; padding-left:42px;}
.footer_top .Min_con2{ float:left; width:216px; margin-right:52px;}
.footer_top h2{ color:#4b3f39; background:url(/Content/Areas/Hospitals/images/icon25.png) no-repeat left center; margin-top:15px; padding-left:42px; line-height:32px;}
.footer_top .Min_con4{ float:left; margin-right:50px}
.footer_top .Min_con4 h2{background:url(/Content/Areas/Hospitals/images/icon27.png) no-repeat left center;}
.footer_top .Min_con4 img,.footer_top .Min_con5 img{ width:73px; margin:10px 0 0 41px}
.footer_top .Min_con5{float: left;}
.footer_top .Min_con5 h2{background:url(/Content/Areas/Hospitals/images/icon28.png) no-repeat left center;}

.vote_main{ margin-bottom: 20px; }
.vote_main .vote_index_tit{font-size: 18px;text-align: center;margin-bottom: 20px;}
.vote_main table td{ padding: 4px;} 

@media only screen and (max-width:1024px){
body,.vote_left .vote_list li .vote_list_m p,h1, h2, h3, h4, h5, h6, li{font-size: 22px; line-height:44px;}
.vote_left .vote_list li .vote_btn{font-size:16px;line-height:32px;margin-top: 10px;}
.main_detail table td{ line-height:40px}
}

@media only screen and (max-width: 768px){
body,.vote_left .vote_list li .vote_list_m p,h1, h2, h3, h4, h5, h6, li{font-size: 22px; line-height:44px;}
.vote_left .vote_list li .vote_btn{font-size:16px;line-height:32px;margin-top: 10px;}
.main_detail table td{ line-height:20px}
.main{ padding:0 10px; box-sizing:border-box; width:100%}
.vote_left,.header_In,.footer_In,.nav .sy_nav{ width:100%}
.vote_right{ display:none;}
.main_detail table,.vote_btn_box{ width:100%;}
.footer_top .Min_con1,.footer_top .Min_con4{margin-right: 2%;}
.nav .sy1_ul{width: 100%;box-sizing: border-box;}
.nav .sy1_li{width: 33.3%;text-align:center;box-sizing: border-box;}
.nav .sy1_li a{padding:0px;}
}
@media only screen and (max-width:640px){
body,.vote_left .vote_list li .vote_list_m p,h1, h2, h3, h4, h5, h6, li{ font-size:14px;}
.vote_left .vote_list li .vote_btn{ font-size:12px; line-height:24px;}
.main_detail table td{ line-height:30px}
.footer_top .Min_con4 img, .footer_top .Min_con5 img{ margin-left:2%}
.footer_top h2{ padding-left:0px; text-align:center}	
} 
@media only screen and (max-width:600px){
a.logo{height: 60px;line-height: 60px;display:block;}
a.logo img{height: 60px;width:auto;margin:0 auto;display:block;}
.header_In_r{width:100%;line-height: 30px;text-align: center;font-size: 14px;}
} 
@media only screen and (max-width:540px){
.footer_top .Min_con1{ float:none;margin:0 auto;}
.footer_top .Min_con5,.footer_top .Min_con4{ display:none;}	
.vote_btn_con{ width:auto;}
.footer_top .Min_con1{ width:100%}
.pages{
 padding: 0px 10px;
}
} 
@media only screen and (max-width:400px){
.main_detail .cp input{width: 150px;}
} 
@media only screen and (max-width:350px){
.main_detail .cp input{width: 130px;}
} 