@charset "utf-8"; /*全局样式*/ *{ 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:#bb70d8;text-decoration:none;} .clearit,.clearb{clear:both;margin:0;padding:0;} .overflow{ overflow:hidden; height:1%;} .fl,.pull-left{ float:left} .fr,.pull-right{ float:right} /*------错误提示------*/ .field-validation-error{color:red} .row{width: 1160px;margin:0 auto;} .banner{ display: none; } /*文章、栏目、站点、二级页面主体宽度*/ .main{background: #fef9f4;padding: 0px 0 15px;} .main_content,.main_english{width: 1160px;margin:0 auto;background: #fff;padding:20px;} /*左右布局样式*/ .Min_L{width:810px;height: auto !important;} .Min_R{width:330px;} /*板块布局样式*/ .hide-lg{ display: none; } .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;} .pd15-30{padding:15px 30px;} .pd20{padding:20px;} .pd30{padding:30px;} .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 #511b66 ;} /*渐变样式*/ .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[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } 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: #511b66!important; outline: 0!important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(208, 154, 230); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(208, 154, 230); } /*公用标题样式*/ h2.title_header{height:45px;line-height:45px;color:#511b66 ;font-size: 20px;border-bottom: 1px solid #ededed;} h2.title_header a.more{background:url(/Sites/Uploaded/UserUpLoad/20170524/20170524175132.png) no-repeat center;display: block;float: right;width: 45px;height: 45px;} h2.title_header a.more:hover{font-weight: bold; font-size:14px;background:url(/Sites/Uploaded/UserUpLoad/20170524/20170524174940.png) no-repeat center;} h2.title_header span{border-bottom:3px solid #511b66 ;padding: 10px 0px;} h2.title_header i{font-style: normal;padding:0 0px 0 5px} h2.title_header span a{color: #511b66 } h2.title_header span.no_active{border-bottom: none;} .tab-tit span{ cursor: pointer; } /*二维码*/ h2.title_header a.icon-ewm{float: right;color: #e1e1e1;background: url(/Content/Areas/Hospitals/images/Main/icon_ewm_1.png) no-repeat left center;padding-left:30px; cursor: pointer; position: relative;} a.icon-ewm .ewm_b{ background: #fff none repeat scroll 0 0;border: 1px solid #ccc; display: none;padding-top: 5px;position: absolute;right: 0px; text-align: center;top:38px;width: 160px;z-index: 100; display: none;} a.icon-ewm .ewm_b img{ width: 100%; } a.icon-ewm:hover .ewm_b{ display: block; } /*文章列表插件样式*/ ul.article_list li{padding-left:15px;background:url(/Content/Areas/Common/images/common/dot.png) no-repeat 0px 12px;line-height:29px;} ul.article_list li span.span_date{float: right} ul.article_list li a.columnName{float: left;color: #511b66 ; 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: #511b66 ; +float: none;} .article_box .details:hover{ font-weight: 700; font-size:14px;} .detail {color: #511b66 ;} .detail:hover{ font-weight: 700; font-size:14px;} /*article_list_1样式*/ ul.article_list_1 li{overflow: hidden;margin-bottom: 14px;line-height:23px;} ul.article_list_1 li span.span_date{float: left;width:65px;height:45px;line-height: 23px;background:#511b66 ;color: #fff;text-align: center; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-right:15px;display: inline-block;} ul.article_list_1 li span.span_date i{display: block;font-style: normal;text-align: center;font-size: 20px;} ul.article_list_1 li span.span_date p{ font-size:12px;} ul.article_list_1 li a.title_type{display: block;color: #666;font-size: 14px;_margin-top:-25px} ul.article_list_1 li a.columnName{color: #ababab;} ul.article_list_1 li a.columnName:hover,ul.article_list_1 li a.title_type:hover{color: #511b66 ;} /*背景渐变样式*/ 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;} /*错误提示*/ .patient_ask_form .submit_cont{ margin: 50px auto 90px !important;} /*专家介绍弹窗样式*/ div.speac_div{ background: #fff; border: solid 1px #d9d9d9; width: 316px; clear: both; height: 138px; padding: 10px 10px 12px 10px; left: 0px; position: absolute; text-align: left; top: 25px; z-index: 10000; line-height: 22px!important; font-size: 12px; color: #333; } div.speac_div img{float: left;margin: 0 10px 0 0;width: 99px;height: 134px;line-height: 20px;} div.speac_div h2 a {float: none!important;font-size: 14px;} @media only screen and (max-width:1200px){ .main{ width: 1200px; } } @media only screen and (max-width: 768px){ .main{ width: 100%; } .speac_div{display:none;} .col-sm-12{width:100%;float: none;margin-bottom: 20px;} .col-sm-6{width:50%;} .col-sm-hid{display: none} .main{margin:0px 0;width:100%;box-sizing:border-box;padding:0 10px; background: #fff;} .main_content{width:100%; padding:20px 0px;} .hide-sm{ display: none; } .hide-lg{ display: block !important; } .span_welcom{ display: none; } } @media only screen and (max-width:768px){ .row{ width: 100%;box-sizing: border-box; } h2.title_header{ padding:0px 15px 0px 0px; } h2.title_header a.icon-ewm{ display:none!important;} } @media only screen and (max-width:640px){ /*板块布局样式*/ .col-sm-6{width: 100%;float: none;margin-bottom: 20px;} .col-md-7{width: 100%;float: none} .col-md-5{width: 100%;float: none} .col-xs-hid{display: none} .mrg{margin:0 0 20px 0;} h2.title_header a.icon-ewm{ display:none!important;} .Column_172 h2.title_header{height: auto;} .Column_172 h2.title_header span a{font-size: 16px;width: 100%;} } @media only screen and (max-width:500px){ .hid1 , #last_a img{ display: none !important;} } @media only screen and (max-width:400px){ h2.title_header{ font-size: 18px; } .Column_172 h2.title_header a.more{margin-top: 50px;} }