﻿.wrap_main {
 margin-top: 0;
}

.mt20 {
 margin-top: 20px;
}


/*首页*/

.cont_tp {
 padding: 40px 0 120px;
 background: url(/Sites/Uploaded/UserUpLoad/20230829/20230829143539.jpg) no-repeat;
 background-size: cover;
}

.wrap {
 background: url(/Content/Areas/Interactions/images/FeiYongCx/zxcx_bg.jpg) repeat-y top center;
 background-size: cover;
}

.W900 {
 position: relative;
 width: 1200px;
 margin: 0 auto;
 padding: 50px 20px;
 background: rgba(255, 255, 255, 0.8);
 background: #fff;
 border-radius: 14px;
 -moz-box-shadow: 1px 3px 8px #333333;
 -webkit-box-shadow: 1px 3px 8px #333333;
 box-shadow: 1px 3px 8px #333333;
 box-sizing: border-box;
}

.tal_btn {
 position: absolute;
 top: 40px;
 width: 60px;
 height: 300px;
 right: -60px;
}

.tal_btn_phone {
 position: absolute;
 top: -40px;
 width: 100%;
 left: 40px;
}

.tal_btn span {
 display: block;
 cursor: pointer;
 font-size: 16px;
 text-align: center;
 padding-top: 20px;
 width: 50px;
 height: 130px;
 margin-bottom: 14px;
 background: #D97E7C;
 _background: #A52B28;
 background: #A52B28\9;
 border-radius: 0 10px 10px 0;
 -moz-box-shadow: 1px 3px 8px #333333;
 -webkit-box-shadow: 1px 3px 8px #333333;
 box-shadow: 1px 3px 8px #333333;
 color: #fff;
}

.tal_btn span.selected {
 border-radius: 0 10px 10px 0;
 background: rgba(174, 175, 197, 0.5);
 _background: #fff;
 background: #fff\9;
 -moz-box-shadow: 1px 3px 8px #333333;
 -webkit-box-shadow: 1px 3px 8px #333333;
 box-shadow: 1px 3px 8px #333333;
 color: #A52B28\9;
}

.logo_cont {
 background: url(/Sites/Uploaded/UserUpLoad/20230829/20230829144948.png) no-repeat center bottom;
 padding-bottom: 30px;
 margin-bottom: 50px;
}

.logo_cont img {
 display: block;
 margin: 8px auto 0;
 float: left;
 display: none;
 width: 190px;
}

.logo_cont span {
 color: #fff;
 color: #A52B28\9;
 display: block;
 font-size: 30px;
 line-height: 60px;
 -moz-text-shadow: -1px 2px 10px #333;
 -webkit-text-shadow: -1px 2px 10px #333;
 text-shadow: -1px 2px 10px #333;
 text-align: center;
}

.logo_cont span.sx {
 display: block;
 float: left;
 width: 4px;
 background: #fff;
 height: 36px;
 margin: 14px 16px 0 10px;
 -moz-box-shadow: -1px 2px 10px #333;
 display: none;
 -webkit-box-shadow: -1px 2px 10px #333;
 box-shadow: -1px 2px 10px #333333;
}

.logo_cont .logo {
 width: 400px;
 margin: 0 auto;
}


/*搜索*/

.main_L {
 width: 590px;
 float: left;
}

.liList3 .title {
 margin-bottom: 4px;
 padding: 0;
 width: 100%;
}

.liList3 .title li {
 margin-right: 14px;
 float: left;
 line-height: 24px;
}

.liList3 .title li a {
 border: none;
 background: #D97E7C;
 color: #fff;
 padding: 2px 10px;
 line-height: 18px !important;
 border-radius: 4px;
}

.liList3 .title li.currentLetter a {
 background: #A52B28;
}

.list li {
 float: left;
 line-height: 24px;
 margin-top: 10px;
}

.list li a {
 display: block;
 color: #333;
 padding: 2px 8px;
 background: #fff;
 line-height: 18px !important;
 border-radius: 4px;
 border: 1px solid #A52B28;
 margin-right: 15px;
}

.list li.currentLetter a {
 background: #D97E7C;
 color: #fff;
}

.main_R {
 width: 280px;
 float: right;
 border: 1px solid #A52B28;
}

.main_R h2 {
 line-height: 40px;
 background: #A52B28;
 color: #fff;
 padding-left: 15px;
 font-size: 14px;
}

.main_R ul {
 padding: 14px;
}

.main_R ul .text {
 height: 24px;
 line-height: 24px;
}

.main_R ul .button {
 border: none;
 background: #A52B28;
 color: #fff;
 padding: 2px 6px;
 margin-left: 10px;
 cursor: pointer;
}

.main_R ul li.search {
 margin-bottom: 10px;
}


/*说明*/

.sm_box {
 line-height: 30px;
 background: #fff;
 border-radius: 5px;
 padding: 20px;
}

.sm .sm_t {
 font-size: 16px;
 color: #A52B28;
 line-height: 40px;
}

.sm ul {
 padding: 10px 0 20px;
}


/*内容*/

.select_table {
 margin: 20px 0px 0;
 padding-bottom: 20px;
}

.title th {
 background: none repeat scroll 0 0 #A52B28;
 border: 1px solid #adadad;
 text-align: center;
 font-weight: normal;
 font-size: 12px;
 height: 40px;
 color: #fff;
}

.cliniclist2 tr td {
 border: 1px solid #adadad;
 font-size: 12px;
 padding: 5px;
 line-height: 24px;
 text-align: center;
}

.cliniclist2 tr td a {
 color: #333;
}

.pages {
 height: 30px;
 margin-top: 30px;
}

.ae-pagination a {
 padding: 4px 8px !important;
 display: block\9;
 float: left\9;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
 background: #A52B28 !important;
 color: #fff !important;
}

@media only screen and (max-width:1000px) {
 .tab li {
 padding: 5px;
 }
 .top_w {
 width: 100%;
 padding: 0 10px;
 box-sizing: border-box;
 }
 .W900 {
 width: 90%;
 box-sizing: border-box;
 }
 .tal_btn {
 display: none;
 }
 .tal_btn_phone {
 display: block !important;
 position: absolute;
 top: -60px;
 width: 100%;
 left: 10px;
 }
 .tal_btn_phone span {
 display: block;
 cursor: pointer;
 font-size: 16px;
 text-align: center;
 width: 120px;
 height: 40px;
 margin-right: 14px;
 background: #D97E7C;
 border-radius: 4px;
 -moz-box-shadow: 1px 3px 8px #333333;
 -webkit-box-shadow: 1px 3px 8px #333333;
 box-shadow: 1px 3px 8px #333333;
 color: #fff;
 float: left;
 line-height: 40px;
 }
 .tal_btn_phone span.selected {
 background: rgba(174, 175, 197, 0.5);
 -moz-box-shadow: 1px 3px 8px #333333;
 -webkit-box-shadow: 1px 3px 8px #333333;
 box-shadow: 1px 3px 8px #333333;
 }
}

@media only screen and (max-width: 900px) {
 .tab li {
 padding: 5px 0;
 width: 32%;
 text-align: center;
 margin: 5px 1% 0 0;
 }
}

@media only screen and (max-width: 768px) {
 .main_R {
 width: 36%;
 }
 .W900 {
 padding: 20px;
 }
 .main_L {
 width: 62%;
 }
 .main_R ul .text {
 width: 70%;
 }
 .cont_tp {
 padding: 80px 0px;
 }
 .logo_cont {
 padding-bottom: 0;
 margin-bottom: 0;
 }
 .logo_cont span {
 text-align: center;
 font-size: 24px;
 line-height: inherit;
 }
 .clinic_List{
   overflow-y: scroll;
 }
 .clinic_List table{
   width: 1000px !important;
 }
}

@media only screen and (max-width: 640px) {
 .main_R,
 .main_L {
 width: 100% !important;
 }
 .main_R {
 margin-top: 20px;
 }
 .list li a {
 margin-right: 10px;
 padding: 2px 8px;
 }
 .clinic_List tr .bz_p {
 display: none;
 }
 .ae-pagination a.pagination_page {
 display: none;
 }
}

@media only screen and (max-width: 560px) {
 .logo_cont .logo {
 width: 100%;
 }
 .logo_cont img {
 float: none;
 }
 .logo_cont span.sx {
 display: none;
 }
 .tab li {
 width: 48%;
 }
 .pages {
 height: auto;
 }
 .liList3 .title li {
 margin-bottom: 10px;
 }
}

@media only screen and (max-width: 360px) {
 .tab li {
 width: 100%;
 margin: 5px 0 0 0;
 }
 .ae-pagination a {
 padding: 4px 8px !important;
 }
} 