html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,icenter,dl,dd,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input {
margin: 0;
padding: 0;
}
address,cite,dfn,em,var,i {
font-style: normal;
}
body {
font-size: 14px;
line-height: 1.5;
font-family: 'Microsoft Yahei', 'simsun', 'Arial', 'PingFangSC-Regular', 'PingFang SC';
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1,h2,h3,h4,h5,h6,th {
font-size: 100%;
font-weight: normal;
}
button,input,select,textarea {
font-size: 100%;
}
fieldset,img {
border: 0;
}
a,
a:active,
a:focus,
a:hover,
a:visited {
text-decoration: none;
}
ul,ol {
list-style: none;
}
input {
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari 和 Chrome */
outline: none;
border: none;
}
:focus {
outline: none;
}
.clearfix:after {
/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
.clear {
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
input::-webkit-input-placeholder {
color: #999999;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999999;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999999;
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #999999;
}
.wrap {
width: 1400px;
margin: 0 auto;
}
a {
color: #666666;
}
.displayflex {
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
}
/*自动隐藏文字*/
.ellipsis {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-box-orient: vertical;
}
.ellipsis-1 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.ellipsis-2 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.ellipsis-3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: normal !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.iconplay {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
}
.icont {
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.circle {
display: inline-block;
content: "";
width: 6px;
height: 6px;
background-color: #fc7541;
border-radius: 50%;
margin: 0 7px 2px 0;
}
.icont-play {
background: url("http://www.myzx.cn/asset/image/iconplay.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-qa {
background: url("http://www.myzx.cn/asset/image/iconqa.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-text {
background: url("http://www.myzx.cn/asset/image/iconstext.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-voice {
background: url("http://www.myzx.cn/asset/image/iconvoice.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-hot {
background: url("http://www.myzx.cn/asset/image/hot.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-doc {
background: url("http://www.myzx.cn/asset/image/p.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-man {
background: url("http://www.myzx.cn/asset/image/p2.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-video {
background: url("http://www.myzx.cn/asset/image/p3.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.icont-more {
background: url("http://www.myzx.cn/asset/image/more.png") no-repeat;
display: inline-block;
content: "";
width: 25px;
height: 25px;
background-size: contain;
}
.imgstate {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.abcenter {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 20;
}
.voiceTime {
display: inline-block;
width: 550px;
height: 40px;
line-height: 40px;
background-image: url('http://www.myzx.cn/asset/image/phonev.png');
background-repeat: no-repeat;
background-size: contain;
color: #8AC3FF;
text-align: right;
padding: 0 20px 0 0;
box-sizing: border-box;
margin-right: 15px;
}
.gray {
color: #999999;
}
/* 头部 */
header {
height: 86px;
position: relative;
box-shadow: 0px 3px 8px 0px rgba(204, 204, 204, 0.1);
height: 86px;
top: 0;
z-index: 10;
background: #fff;
-webkit-box-shadow: 0 1px 10px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 10px 2px rgba(0,0,0,.1);
padding: 0 13%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.headLogo {
display: inline-block;
margin-top: 20px;
float: left;
}
.headLogo img {
width: 141px;
height: 40px;
object-fit: contain;
object-position: center;
}
.headNav {
margin: 0 55px;
float: left;
}
.headNav li {
float: left;
padding: 0 30px;
position: relative;
font-size: 16px;
color: #666666;
line-height: 80px;
}
.headNav li.active a {
color: #fc7541 !important;
}
.headNav li.active b {
width: 30px;
background: #fc7541;
height: 3px;
display: block;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
.headNav li a:hover {
color: #fc7541;
}
.headNav li.headNav-item-active:hover {
cursor: pointer;
}
.headNav a i {
transition: all 0.5s;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%) rotateZ(90deg) scale(0.8);
font-size: 12px;
}
.headNav a:hover i {
transform: translateY(-50%) rotateZ(-90deg) scale(0.8);
}
.headerRight {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
justify-content: flex-end;
height: 80px;
}
.headerRight > span {
color: #999999;
margin: 0 30px;
cursor: pointer;
position: relative;
}
.headerRight > span:hover {
color: #fc7541;
display: inline-block;
}
.headerRight > span:hover:after {
display: inline-block;
}
.headerRight > span:after,
.headerRight > a:after {
content: "";
display: inline-block;
width: 160px;
height: 160px;
background-image: url(/skin/images/d45057ac0f4a08563edf3a7fa2ae5348.jpg);
background-color: #FFFFFF;
background-size: contain;
position: absolute;
left: -22px;
top: 50px;
z-index: 200;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
display: none;
}
.headerRight > a {
display: inline-block;
width: 90px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 20px;
border: 1px solid #999999;
color: #999999;
font-weight: 600;
position: relative;
}
.headerRight > a:after {
background-image: url("/video/mysource/image/20200109/5e16f49745b70.png");
background-size: contain;
left: -40px;
}
.headerRight > a:hover:after {
display: inline-block;
}
.headerRight > a:hover {
color: #FFFFFF;
border: 1px solid #fc7541;
background-color: #fc7541;
}
.searchTap2 {
display: inline-block;
width: 200px;
height: 40px;
border-radius: 25px;
border: 1px solid #cccccc;
position: relative;
}
.searchTap2 .iconicon-magnifier:hover,
.searchTap2 .searchBtn:hover + .iconicon-magnifier {
color: #fc7541;
cursor: pointer;
}
.searchTap2 input[type=text] {
width: 200px;
height: 40px;
border-radius: 25px;
border: transparent;
padding: 0 45px 0 15px;
box-sizing: border-box;
caret-color: #fc7541;
}
.searchTap2 input[type=submit] {
height: 30px;
width: 30px;
background: transparent;
cursor: pointer;
border: none;
position: absolute;
right: 10px;
top: 5px;
}
.searchTap2 .iconicon-magnifier {
position: absolute;
right: 10px;
top: 0;
line-height: 40px;
color: #999999;
border: none;
outline: none;
background-color: transparent;
}
.searchTap2 .iconicon-magnifier:hover {
color: #fc7541;
}
.searchTap2 input[type=text]::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #999999;
}
.searchTap2 input[type=text]:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999999;
}
.searchTap2 input[type=text]::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999999;
}
.searchTap2 input[type=text]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #999999;
}
.navClass {
position: absolute;
top: 80px;
background: #F7F8FA;
width: 1380px;
left: 50%;
transform: translateX(-50%);
padding: 28px 0;
z-index: 200;
display: none;
}
.navClass ul {
padding: 0 30px;
box-sizing: border-box;
height: auto;
overflow: hidden;
}
.navClass ul li {
display: inline-block;
cursor: pointer;
padding: 5px 20px;
}
.navClass ul li:hover a {
color: #fc7541;
}
.navClass ul:first-child {
width: 10%;
}
.navClass ul:nth-child(2) {
width: 33%;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
}
.navClass ul:last-child {
width: 55%;
}
/* 底部 */
footer {
width: 100%;
background: #333333;
}
.footlist {
padding: 80px 0;
color: #FFFFFF;
font-size: 12px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
}
.footlist > div:nth-child(2) {
border-left: 1px solid rgba(255, 255, 255, 0.14);
border-right: 1px solid rgba(255, 255, 255, 0.14);
padding: 0 30px 0 80px;
width: 50%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-left: 70px;
}
.footlist > div:last-child {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-content: space-between;
-webkit-align-content: space-between;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.content > span,
.other > a {
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-bottom: 40px;
color: #FFFFFF;
}
.content li {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
margin-top: 10px;
}
.content li .icon {
margin-right: 15px;
}
.content li:last-child span {
margin-top: -20px;
}
.content dd {
width: 240px;
color: #999999;
}
.friendSiteList {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.friendSiteList > a {
display: inline-block;
width: 50%;
margin-top: 20px;
color: #FFFFFF;
font-size: 12px;
}
.friendSiteList > a:nth-child(2n) {
padding-left: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.friendSiteList .icon {
color: #FFFFFF;
font-size: 12px;
margin-right: 10px;
float: [object Object],[object Object];
transform: scale(0.7);
}
.friendSiteList > div:last-child {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-content: space-between;
-webkit-align-content: space-between;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
.friendSiteList > a:hover,
.friendSiteList > a:hover .icon,
.other > a:hover {
color: #fc7541;
}
.other > a {
margin-left: 50px;
}
.downbox {
width: 100%;
}
.downCode {
width: 400px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: -moz-wrap;
justify-content: center;
-webkit-justify-content: center;
margin: 0 auto;
}
.downCode img {
width: 100px;
height: 100px;
vertical-align: bottom;
margin-bottom: 10px;
}
.downCode dl {
margin-left: 24px;
margin-bottom: 30px;
text-align: center;
}
.footIcp {
text-align: center;
color: #999999;
font-size: 12px;
padding: 26px 0;
background-color: #2C2C2C;
}
.footIcp a {
color: #999999;
margin: 0 16px;
}
.footIcp a:hover {
color: #fc7541;
}
.footIcp .footIcp span {
margin-right: 16px;
}
.footIcp > p:first-child {
margin-bottom: 14px;
}
.default {
background: #F7F8FA;
}
.footSecond {
color: #FFFFFF;
padding: 100px 0 90px;
}
.footSecond > div {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
align-items: flex-start;
-webkit-align-items: flex-start;
}
.footSecond .logo img {
width: 190px;
}
.footerIntro {
padding-right: 70px;
border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.footerIntro .nav a {
font-size: 16px;
color: #FFFFFF;
font-weight: 600;
margin-right: 60px;
}
.footerIntro .nav a:hover {
color: #fc7541;
}
.footerIntro div:first-child {
margin-bottom: 60px;
}
.footerIntro div {
color: #FFFFFF;
font-size: 12px;
}
.footerIntro p {
color: #999999;
font-size: 12px;
line-height: 25px;
margin-top: 10px;
}
.footerIntro p a {
color: #999999;
text-decoration: underline;
}
.patha {
padding: 20px 0;
color: #999999;
font-weight: normal;
}
.patha a {
font-size: 14px;
color: #999999;
}
.patha > a:last-child {
color: #fc7541;
font-weight: 800;
}
.aboutT .marlf {
margin-left: 20px;
margin-bottom: 10px;
}
/*页码*/
.pagenum {
text-align: center;
margin: 50px 0 20px;
}
.pagenum ul {
overflow: hidden;
display: inline-block;
}
.pagenum a{
float: left;
}
.pagenum a{
display: inline-block;
min-width: 24px;
height: 24px;
line-height: 24px;
padding: 0 5px;
box-sizing: border-box;
font-size: 12px;
color: #cccccc;
border: 1px solid #cccccc;
margin: 0 5px;
border-radius: 3px;
}
.pagenum a:hover {
background: #fc7541;
color: #FFFFFF;
border-color: #fc7541;
}
.pagenum a:last-child{
width: auto;
padding: 0 10px;
}
.pagenum a:first-child i {
display: inline-block;
transform: rotate(180deg);
}
.pagenum i {
font-size: 12px;
}
.pagenum a.curpage {
color: #FFFFFF;
background: #fc7541;
border-color: #fc7541;
}
.pagenum span{
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
color: #cccccc;
border: 1px solid #cccccc;
margin: 0 5px;
border-radius: 3px;
display:none;
}
@media screen and (max-width: 1400px) {
.searchTap2 input[type=text] {
width: 100px;
}
footer {
width: 1400px;
}
.wrap,
.navClass,
header,
.doctor_page {
width: 1200px;
}
.footlist > div:nth-child(2) {
margin-left: 10px;
padding: 0 30px 0 50px;
}
.headerRight > a:after {
left: -60px;
}
}
/*首页*/
.disabled-btn {
pointer-events: none;
cursor: default;
opacity: 0.6;
background: #f3f3f3 !important;
border-color: #f3f3f3 !important;
color: #999999 !important;
}
.Tit {
padding: 60px 0 40px;
height: 63px;
position: relative;
}
.Tit:after {
display: inline-block;
content: "";
border: 1px dashed #E5E5E5;
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.homeTitToday {
width: 16%;
}
.homeTitToday > div {
width: 68px;
height: 51px;
background: #ffffff;
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
border-radius: 8px;
font-size: 12px;
margin-top: 7px;
margin-right: 15px;
}
.homeTitToday > div > span:first-child {
display: block;
height: 24px;
line-height: 24px;
border-radius: 8px 8px 0 0;
color: #FFFFFF;
background: #fc7541;
}
.homeTitToday > div > span:last-child {
color: #fc7541;
font-size: 20px;
height: 28px;
line-height: 28px;
font-weight: bold;
}
.homeTit {
font-size: 30px;
padding: 0 30px;
overflow: hidden;
display: inline-block;
background: #ffffff;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 20;
}
.homeTit dd {
font-size: 12px;
}
.homeTit b {
color: #fc7541;
}
.home-swiper {
width: 100%;
min-width: 1200px;
height: 640px;
overflow: hidden;
position: relative;
}
.home-swiper .swiper-container {
width: 100%;
height: 100%;
position: absolute;
}
.home-swiper .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.home-swiper .swiper-slide img {
width: 100%;
height: 100%;
}
.home-swiper .swiper-slide .swiper-pagination-bullet-active {
background: #ffffff !important;
}
.home-swiper .swiper-slide .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
opacity: 1;
filter: alpha(opacity=100);
margin: 0 8px!important;
}
swiper-pagination swiper-pagination-clickable swiper-pagination-bullets {
bottom: 15px;
}
/*选择科室*/
.home-swiper .wrap {
position: relative;
height: 100%;
}
.departsall > a {
width: 100%;
line-height: 40px;
color: #333;
}
.departsall > a:hover {
color: #fc7541;
}
.hosDepartments {
width: 270px;
background: #ffffff;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
position: absolute;
left: 0;
top: 20px;
z-index: 101;
box-sizing: border-box;
padding: 20px 0;
font-size: 14px;
overflow: hidden;
}
.hosDepartments li {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
height: 40px;
padding: 0 20px;
position: relative;
cursor: pointer;
overflow: hidden;
}
.hosDepartments li:hover {
color: #fc7541;
background-color: #FAFCFF;
border-left: 5px solid #fc7541;
padding: 0 20px 0 15px;
}
.hosDepartments li:hover i {
font-weight: bold;
color: #fc7541;
}
.hosDepartments li:hover span {
color: #fc7541;
}
.hosDepartments li i {
font-size: 13px;
position: absolute;
right: 20px;
color: #cccccc;
}
.hosDepartments li span {
margin-right: 10px;
color: #666666;
}
.departSpecific {
width: 270px;
height: 600px;
background: #ffffff;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25);
padding: 30px 30px 20px;
box-sizing: border-box;
position: absolute;
left: 0;
top: 20px;
z-index: 100;
overflow: hidden;
transition: all 0.5s;
opacity: 0;
filter: alpha(opacity=0);
}
.departSpecific img {
width: 100%;
}
.departSpecific:hover {
left: 270px;
z-index: 102;
opacity: 100;
filter: alpha(opacity=100);
}
.departSlist > p {
font-size: 12px;
font-weight: 600;
margin-bottom: 20px;
}
.departSlist .icon {
position: absolute;
right: 0;
font-size: 12px;
font-weight: bold;
color: #cccccc;
}
.departSlist > div {
margin-bottom: 15px;
min-height: 428px;
}
.departSlist > div > a {
display: block;
color: #666666;
font-size: 12px;
border-bottom: 1px dashed #EEEEEE;
position: relative;
padding: 10px 0;
background: #ffffff;
}
.departSlist > div > a:last-child,
.departSlist > div > a:nth-child(11n) {
border-bottom: none;
}
.departSlist > div > a:hover,
.departSlist > div > a:hover .icon {
color: #fc7541;
font-weight: bold;
}
.departright {
left: 270px;
transition: all 0.5s;
opacity: 100;
filter: alpha(opacity=100);
}
.departright:hover {
left: 270px;
z-index: 102;
opacity: 100;
filter: alpha(opacity=100);
}
/*名医头条*/
.home-swiper .headline {
position: absolute;
right: 0;
top: 20px;
z-index: 100;
}
.headline {
background: #ffffff;
padding: 15px 20px 10px;
width: 330px;
box-sizing: border-box;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);
}
.headline > p {
text-align: center;
padding: 10px 0;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #EEEEEE;
}
.headline > a:hover h4 {
color: #fc7541;
}
.headlineCap {
padding: 15px 0 10px;
}
.headlineCap dt {
width: 100%;
height: 110px;
margin-bottom: 12px;
position: relative;
}
.headlineCap dt i {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
}
.headlineCap img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.headlineCap dd {
line-height: 20px;
}
.headlineCap h4 {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.headlineCap h4:before {
display: inline-block;
content: "";
width: 6px;
height: 6px;
background: #fc7541;
border-radius: 50%;
margin-right: 5px;
}
.headlineCap span {
font-size: 12px;
color: #999999;
margin-left: 10px;
}
.headlineList > a {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
border-top: 1px solid #EEEEEE;
padding: 10px 0;
position: relative;
background: #ffffff;
}
.headlineList > a:hover h6 {
color: #fc7541;
}
.headlineListImg {
width: 80px;
height: 47px;
position: relative;
background: #f3f7fd;
}
.headlineListImg > img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.headlineListImg > i {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
width: 21px;
height: 21px;
left: 50%;
bottom: 50%;
transform: translate(-50%, 50%);
}
.headlineListTit {
width: 67%;
color: #333333;
}
.headlineListTit > h6 {
margin-bottom: 5px;
}
.headlineListTit span {
font-size: 12px;
color: #999999;
}
/*今日推荐*/
.TodayRecom {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
margin-bottom: 40px;
}
.TodayVideo {
width: 450px;
}
.TodayVideo > a {
display: inline-block;
display: -webkit-box;
height: 275px;
position: relative;
margin-bottom: 20px;
background-color: #f3f7fd;
overflow: hidden;
}
.TodayVideo > a:hover img {
transform: scale(1.1);
}
.TodayVideo > a:after {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
width: 55px;
height: 55px;
}
.TodayVideo img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
transition: all 0.3s;
}
.TodayList {
width: 580px;
}
.TodayList a {
display: block;
width: 100%;
padding: 14px 0;
border-bottom: 1px solid #EEEEEE;
color: #999999;
font-size: 12px;
}
.TodayList a:hover p,
.TodayList a:hover dt {
color: #fc7541;
}
.TodayList > li:first-child > a {
padding-top: 0;
}
.TodayList > li:last-child > a {
padding-bottom: 0;
border: none;
}
.TodayList dl {
width: 60%;
}
.TodayList dt {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.TodayList dt:before {
display: inline-block;
content: "";
width: 10px;
height: 10px;
background: url("/video/mysource/image/20191230/5e099d5cc679a.png") no-repeat;
background-size: contain;
margin-right: 6px;
}
.TodayList dd {
margin: 3px 16px 0 0;
}
.TodayList p i {
font-size: 10px;
margin: -1px 5px 0 10px;
}
.TodayList p span {
margin-right: 10px;
}
.online-ad {
width: 330px;
}
.online-ad > a > img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
height: 180px;
}
.online-ad > span {
color: #fc7541;
font-weight: bold;
position: relative;
padding: 0 20px;
margin: 20px 0;
display: block;
text-align: center;
}
.online-ad > span:before,
.online-ad > span:after {
display: inline-block;
content: "";
width: 40px;
height: 2px;
background: #fc7541;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.online-ad > span:before {
left: 65px;
}
.online-ad > span:after {
right: 65px;
}
.online-video > a {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
padding-bottom: 15px;
border-bottom: 1px solid #EEEEEE;
}
.online-video > a:hover dt {
color: #fc7541;
}
.online-video div {
position: relative;
width: 155px;
height: 102px;
}
.online-video div:after {
display: inline-block;
content: "";
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
width: 35px;
height: 35px;
}
.online-video img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.online-video dl {
width: 165px;
}
.online-video dt {
font-size: 14px;
font-weight: bold;
color: #333333;
}
.online-video dd {
font-size: 12px;
color: #999999;
margin-top: 25px;
}
.onlineImg {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.onlineImg a {
display: inline-block;
width: 155px;
height: 90px;
font-size: 16px;
font-weight: 600;
color: #333333;
position: relative;
margin-top: 15px;
}
.onlineImg a:hover img {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.onlineImg img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.onlineImg span {
position: absolute;
left: 10px;
top: 8px;
}
/*推荐名医*/
.recommendDocter {
background: #F8FBFF;
}
.recommendDoc {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
}
.recommendDoc > dl {
width: 20%;
text-align: center;
}
.recommendDoc dt a {
overflow: hidden;
height: 180px;
width: 180px;
border-radius: 50%;
display: inline-block;
border: 1px solid #cccccc;
transform: rotate(0);
}
.recommendDoc img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
object-position: top;
transition: all 0.3s;
}
.recommendDoc dd {
font-size: 14px;
color: #999999;
margin-top: 20px;
line-height: 22px;
display: inline-block;
width: 95%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.recommendDoc dd a {
color: #999999;
display: inline-block;
font-size: 12px;
text-align: center;
}
.recommendDoc dd a P {
font-weight: bold;
}
.recommendDoc dd b {
color: #333333;
font-size: 16px;
margin-right: 10px;
}
.recommendDoc dd a:hover span,
.recommendDoc dd a:hover b,
.bluetext span,
.bluetext b {
color: #fc7541 !important;
}
.recommendDoc a:hover img,
.bluetext img {
transform: scale(1.1);
}
.recommendDoc img:hover .recommendDoc dd {
color: #fc7541 !important;
}
.more {
font-size: 16px;
color: #999999;
font-weight: 600;
text-align: center;
padding: 40px 0 60px;
}
.more i {
display: inline-block;
font-size: 12px;
margin-left: 15px;
transform: scale(0.8);
transition: all 0.3s;
}
.more > a {
transition: all 0.3s;
}
.more > a:hover {
color: #fc7541;
animation: slide1 2s linear infinite;
/* Firefox: */
-moz-animation: slide1 2s linear infinite;
/* Safari 和 Chrome: */
-webkit-animation: slide1 2s linear infinite;
/* Opera: */
-o-animation: slide1 2s linear infinite;
}
@keyframes slide1 {
0% {
margin-left: 0;
}
25% {
margin-left: 20px;
}
50% {
margin-left: 0;
}
75% {
margin-left: -20px;
}
100% {
margin-left: 0;
}
}
@-moz-keyframes slide1 {
/* Firefox */
0% {
margin-left: 0;
}
25% {
margin-left: 20px;
}
50% {
margin-left: 0;
}
75% {
margin-left: -20px;
}
100% {
margin-left: 0;
}
}
@-webkit-keyframes slide1 {
/* Safari 和 Chrome */
0% {
margin-left: 0;
}
25% {
margin-left: 20px;
}
50% {
margin-left: 0;
}
75% {
margin-left: -20px;
}
100% {
margin-left: 0;
}
}
@-o-keyframes slide1 {
/* Opera */
0% {
margin-left: 0;
}
25% {
margin-left: 20px;
}
50% {
margin-left: 0;
}
75% {
margin-left: -20px;
}
100% {
margin-left: 0;
}
}
/*名医视频*/
.doctorsVideo {
width: 440px;
height: 524px;
background-image: url("/video/mysource/image/20191230/5e09b92923c38.png");
background-repeat: no-repeat;
background-size: contain;
padding: 60px 50px;
box-sizing: border-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
align-content: flex-start;
-webkit-align-content: flex-start;
background-color: #d3e0fe;
}
.doctorsVideo > a {
display: inline-block;
width: 150px;
height: 40px;
line-height: 40px;
background: #FFFFFF;
box-shadow: 0 6px 8px 0 rgba(93, 93, 93, 0.06);
border-radius: 27px;
font-size: 16px;
text-align: center;
color: #333333;
margin-bottom: 30px;
}
.doctorsVideo > a.active {
background: #fc7541;
box-shadow: 0px 6px 8px 0 rgba(0, 124, 255, 0.35);
color: #FFFFFF;
}
.videoClassify {
width: 940px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.videoClassify dl {
width: 300px;
margin-right: 20px;
margin-bottom: 20px;
}
.videoClassify dl:nth-child(3n) {
margin-right: 0;
}
.videoClassify dt {
height: 200px;
position: relative;
margin-bottom: 10px;
}
.videoClassify dt img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
}
.videoClassify dt:after {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
width: 42px;
height: 42px;
}
.videoClassify dd:first-of-type {
font-size: 14px;
}
.videoClassify dd:first-of-type a {
display: -webkit-inline-box;
width: 65%;
color: #333333;
font-weight: bold;
}
.videoClassify dd:first-of-type a:hover {
color: #fc7541;
}
.videoClassify dd:first-of-type span {
color: #999999;
font-size: 12px;
}
.videoClassify dd:first-of-type span i {
font-size: 10px;
margin-right: 4px;
}
.videoClassify dd:last-child {
color: #999999;
font-size: 12px;
}
.videoClassify dd:last-child a {
font-weight: bold;
color: #333333;
margin-right: 10px;
}
.videoClassify a:hover p {
color: #fc7541;
}
.videoClassify a:hover img {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
/*名医问答*/
.docQA {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
}
.docFaqs {
width: 1020px;
border-bottom: 1px dashed #E5E5E5;
overflow: hidden;
padding: 20px 0 0;
}
.docFaqs:first-child {
padding-top: 5px;
}
.docFaqs:last-child {
border: none;
}
.docFaqs > dl {
width: 325px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
}
.docFaqs img:hover {
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
}
.docFaqs > ul {
width: 100%;
}
.docFaqs .docFaqsList {
border-bottom: none;
}
.docFaqs img,
.docswiperBox img {
width: 120px;
height: 120px;
border-radius: 50%;
background: #f3f7fd;
border: 1px solid #cccccc;
vertical-align: bottom;
margin-right: 15px;
}
.docFaqsHum a {
color: #333333;
font-size: 12px;
}
.docFaqsHum > a:first-child {
font-weight: 800;
font-size: 16px;
}
.docFaqsHum p {
color: #999999;
font-size: 12px;
margin: 5px 0;
}
.askIcon,
.answerIcon,
.articleIcon,
.hotIcon {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
float: left;
}
.askIcon {
width: 24px;
height: 24px;
background-image: url(/index/static/images/wen.png);
}
.answerIcon {
width: 24px;
height: 24px;
background-image: url(/index/static/images/da.png);
}
.articleIcon {
width: 14px;
height: 16px;
background-image: url(/video/mysource/image/20200409/5e8ebb3ce02d1.png);
}
.hotIcon {
width: 13px;
height: 17px;
background-image: url(/video/mysource/image/20200420/5e9d6bb326816.png);
}
.docFaqsList {
padding: 20px 0;
border-bottom: 1px dashed #E5E5E5;
color: #999999;
}
.docFaqsList > li {
margin-bottom: 15px;
}
.docFaqsList > li :last-child {
margin-bottom: 0;
}
.docFaqsList > li .ellipsis-2 {
height: 40px;
}
.docFaqsList a {
color: #333333;
font-size: 16px;
font-weight: 800;
}
.docFaqsList a:hover {
color: #fc7541;
cursor: pointer;
}
.docFaqsList p {
letter-spacing: 1px;
color: #999999;
}
.docFaqsList img {
width: 55px;
height: 55px;
border-radius: 50%;
border: 1px solid #cccccc;
margin-right: 10px;
vertical-align: bottom;
background: #f3f7fd;
}
.docFaqsList a.darkc:hover {
color: #333333;
}
.watchTime {
padding-left: 35px;
box-sizing: border-box;
font-size: 12px;
}
.watchTime i {
display: inline-block;
margin-right: 10px;
font-size: 12px;
transform: scale(0.8);
}
.watchTime span {
margin-left: 20px;
}
.docFaqsListHos {
margin-top: 15px;
}
.docFaqsListHos b {
color: #333333;
font-size: 16px;
margin-right: 10px;
}
.docFaqsListHos dl {
display: inline-block;
width: 35%;
}
.docFaqsListHos dd a {
font-weight: normal;
margin-top: 5px;
color: #999999;
}
.docFaqsListHos .watchTime {
float: right;
padding-left: 0;
letter-spacing: 0;
margin-top: 10px;
font-size: 12px;
}
.docFaqsListHos .watchTime .time {
padding-left: 20px;
}
.docQARE {
width: 350px;
}
.docQARE .swiper-button-next,
.docQARE .swiper-button-prev {
top: 100px;
background-image: none;
height: 20px;
width: 20px;
}
.docQARE .swiper-button-next i,
.docQARE .swiper-button-prev i {
display: inline-block;
font-size: 20px;
color: #999999;
}
.docQARE .swiper-button-prev i {
transform: rotate(180deg);
}
.docQARE .docFaqsList {
border-bottom: none;
}
.docswiperBox {
background-color: #F8FBFF;
padding: 25px 20px 0;
box-sizing: border-box;
margin-bottom: 15px;
}
.docswiperBox img {
margin: 0 0 10px;
}
.docswiperBox > div {
text-align: center;
font-size: 12px;
color: #999999;
margin-bottom: 15px;
}
.docswiperBox > div > b {
color: #333333;
font-size: 16px;
margin-right: 10px;
}
.docswiperBox > div > a:last-child {
color: #333333;
margin-top: 5px;
}
.docswiperBox .docname {
font-weight: bold;
color: #333333;
font-size: 16px;
margin-right: 10px;
}
.smallTitle {
padding: 10px 0;
line-height: 22px;
font-size: 20px;
border-bottom: 1px dashed #E5E5E5;
}
.smallTitle a {
color: #999999;
font-size: 14px;
}
.smallTitle a:hover {
text-decoration: underline;
}
/*专家文章*/
.expertArt,
.ciri {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.expertArt > div,
.ciri > div,
.expertArt > ul,
.ciri > ul {
width: 685px;
}
.expertArt ul,
.ciri ul {
padding: 20px 0 20px 24px;
border-bottom: 1px dashed #E5E5E5;
color: #999999;
box-sizing: border-box;
letter-spacing: 1px;
}
.expertArt ul li:first-child {
position: relative;
}
.expertArtTit {
height: 20px;
line-height: 20px;
font-weight: 800;
font-size: 16px;
margin-bottom: 10px;
}
.expertArtTit i.articleIcon {
position: absolute;
left: -22px;
top: 3px;
}
.expertArtTit a {
float: left;
max-width: 85%;
color: #333333;
}
.expertArtTit a:hover {
color: #fc7541;
}
.expertArtTit .hotIcon {
margin: 0 0 0 16px;
}
.expertArt p {
height: 34px;
line-height: 17px;
margin-bottom: 10px;
}
.expertArtDoc {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
position: relative;
}
.expertArtDoc img {
width: 40px;
height: 40px;
border-radius: 50%;
background: #f3f7fd;
object-fit: cover;
object-position: top;
}
.expertArtDoc .doc {
color: #333333;
font-size: 16px;
font-weight: 800;
margin: 0 10px 0 15px;
}
.expertArtDoc .hos {
max-width: 20%;
color: #999999;
margin: 0 10px 0 15px;
}
.expertArtDoc .watchTime {
position: absolute;
right: 0;
}
/*语音解答*/
.ciriBox {
margin-bottom: 100px;
}
.ciri ul {
padding: 20px 0;
}
.phoneVoice {
height: 40px;
line-height: 40px;
overflow: hidden;
margin-bottom: 15px;
}
.phoneVoice .listen {
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: bottom;
}
.ciriTit {
margin-bottom: 10px;
line-height: 20px;
overflow: hidden;
}
.ciriTit a {
color: #333333;
font-size: 16px;
font-weight: 800;
max-width: 95%;
float: left;
}
.ciriTit a:hover {
color: #fc7541;
}
.ciriTit .hotIcon {
margin: 0 0 0 15px;
}
.authentication {
color: #fc7541;
font-size: 16px;
margin-left: 20px;
}
.authentication span {
display: inline-block;
font-size: 12px;
border: 1px solid #fc7541;
border-radius: 11px;
padding: 0 8px;
margin-left: 10px;
line-height: 20px;
}
.authentication i {
float: left;
display: inline-block;
width: 18px;
height: 20px;
margin: 2px 6px 0 0;
background: url("http://www.myzx.cn/asset/image/au.png") no-repeat;
}
.navmenu_page {
padding: 35px 0 40px;
box-shadow: 0 4px 10px 0 rgba(135, 145, 164, 0.1);
margin-bottom: 20px;
}
.channel_search > a {
display: inline-block;
color: #666666;
border-radius: 20px;
background: #ECF7FF;
padding: 8px 20px;
margin: 0 24px 20px 0;
}
.channel_search > a:hover {
color: #fc7541;
}
.channel_search > a.cur {
color: #fff;
background: #f79607;
}
.pTit {
font-size: 20px;
padding: 20px 0;
}
.pTit.pdd {
padding-bottom: 0;
}
.docRecommend_link {
float: left;
display: inline-block;
width: 260px;
padding: 30px 0;
border: 1px solid #EEEEEE;
text-align: center;
position: relative;
box-sizing: border-box;
margin: 0 20px 10px 0;
}
.docRecommend_link:last-child {
margin-right: 0;
}
.docRecommend_link:hover {
box-shadow: 0px 4px 10px 0px #eaeaea;
}
.docRecommend_link img {
width: 110px;
height: 110px;
border-radius: 50%;
margin-bottom: 10px;
background-color: #f3f7fd;
}
.docRecommend_link dt {
font-size: 16px;
color: #333333;
}
.docRecommend_link dd {
color: #fc7541;
line-height: 30px;
}
.docRecommend_link i {
display: block;
width: 46px;
height: 2px;
background: #cccccc;
margin: 5px auto 10px;
}
.docRecommend_link p {
font-size: 12px;
line-height: 20px;
height: 45px;
margin-bottom: 5px;
overflow: hidden;
}
.docRecommend_link span {
display: inline-block;
border: 1px solid #999999;
padding: 10px 28px;
color: #666666;
}
.myzx-gg-cls img {
width: 100% !important;
margin: 10px 0 !important;
}
.other-recommend {
padding: 0 0 20px;
}
.other-recommend li {
width: 19.5%;
display: inline-block;
}
@media screen and (max-width: 1401px) {
.home-swiper {
height: 550px;
}
.home-swiper .swiper-slide,
.home-swiper .swiper-slide img {
height: 100%;
}
.hosDepartments {
padding: 8px 0;
}
.hosDepartments li {
height: 35px;
}
.headline {
width: 310px;
padding: 10px 20px 5px;
}
.headline > p {
padding-top: 0;
padding-bottom: 5px;
}
.headline > a {
padding: 6px 0;
}
.headlineCap {
padding: 8px 0;
}
.headlineCap dt {
margin-bottom: 8px;
}
.headlineList > a {
padding: 6px 0;
}
.departSpecific {
padding: 15px 30px;
height: 506px;
}
.departSlist > p {
margin-bottom: 10px;
}
.departSlist > div {
margin-bottom: 13px;
min-height: 366px;
}
.departSlist > div > a {
padding: 7px 0;
}
.headlineListTit {
width: 62%;
}
.homeTitToday {
width: 18%;
}
.TodayVideo {
width: 380px;
}
.TodayVideo > a {
height: 244px;
}
.TodayList {
width: 505px;
}
.TodayList p {
width: 38%;
}
.TodayList a {
padding: 10px 0;
}
.online-ad {
width: 280px;
}
.online-ad > a > img {
height: 155px;
}
.online-ad > span {
margin: 15px 0;
}
.online-ad > span:before {
left: 25px;
}
.online-ad > span:after {
right: 25px;
}
.online-video div {
width: 135px;
height: 85px;
}
.online-video div:after {
width: 25px;
height: 25px;
}
.online-video dl {
width: 130px;
}
.online-video dd {
margin-top: 20px;
}
.onlineImg a {
width: 135px;
height: 80px;
}
.recommendDoc dt a {
width: 140px;
height: 140px;
}
.doctorsVideo {
width: 380px;
height: 452px;
padding: 40px 30px;
}
.doctorsVideo > a {
width: 145px;
}
.videoClassify a,
.lifeVideobox a {
width: 255px;
}
.videoClassify dl {
width: 250px;
}
.videoClassify dt {
height: 160px;
}
.videoClassify,
.lifeVideobox {
width: 800px;
}
.lifeVideobox a img {
height: 160px;
}
.lifeVideos {
width: 380px;
}
.lifeVideos > a {
height: 160px;
}
.docFaqs {
width: 880px;
}
.docFaqs > ul {
width: 550px;
}
.docQARE {
width: 300px;
}
.expertArt > div,
.ciri > div,
.expertArt > ul,
.ciri > ul {
width: 580px;
}
.docRecommend_link {
width: 223px;
}
}
@-moz-keyframes slide1 {
/* Firefox */
}@-webkit-keyframes slide1 {
/* Safari 和 Chrome */
}@-o-keyframes slide1 {
/* Opera */
}.diseasePage {
margin-top: 20px;
}
.polymSwiper {
float: left;
width: 1050px;
height: 600px;
}
.polymSwiper .swiper-slide div {
height: 100%;
}
.polymSwiper img {
width: 100%;
height: 100%;
background-color: #f3f7fd;
}
.ad_place {
box-shadow: none!important;
border: 1px solid #67C8BE;
padding: 0;
border-radius: 3px;
}
.ad_place > p {
height: 35px;
line-height: 35px;
background-color: #67C8BE;
color: #fff;
padding: 0 10px;
text-align: left;
}
.ad_place > dl {
padding: 10px;
overflow: hidden;
}
.ad_place dt {
float: left;
width: 100px;
height: 100px;
margin-right: 15px;
}
.ad_place dt img {
float: left;
width: 100%;
height: 100%;
background-color: #f3f7fd;
}
.ad_place dd {
font-size: 12px;
color: #999999;
}
.ad_place dd b {
font-size: 14px;
color: #333333;
margin-right: 10px;
}
.ad_place dd p {
margin: 3px 0 10px;
}
.ad_place dd a {
display: inline-block;
width: 95px;
height: 30px;
line-height: 30px;
border-radius: 3px;
border: 1px solid #67C8BE;
font-size: 14px;
color: #67C8BE;
text-align: center;
margin-left: 35px;
}
.goodArticle {
width: 330px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
padding: 10px 20px;
box-sizing: border-box;
}
.goodArticle > p {
font-size: 16px;
color: #333333;
text-align: center;
font-weight: 600;
padding: 10px 0;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 10px;
}
.goodArticle a {
display: inline-block;
width: 100%;
padding: 8px 0;
border-bottom: 1px solid #EEEEEE;
}
.goodArticle a:last-child {
border: none;
}
.goodArticle a:hover h5 {
color: #fc7541;
}
.goodArticle figure {
margin: 0;
}
.goodArticle figure img {
width: 100px;
height: 65px;
background-color: #f3f7fd;
vertical-align: bottom;
}
.goodArticle figcaption {
float: right;
width: 175px;
}
.goodArticle figcaption h5 {
font-weight: bold;
color: #333333;
}
.goodArticle figcaption p,
.goodArticle figcaption time {
font-size: 12px;
color: #999999;
}
.goodArticle figcaption p {
margin: 2px 0 5px;
}
.contenBox {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
}
.docIntro {
font-size: 14px;
color: #999999;
text-align: center;
}
.docIntro img {
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #f3f7fd;
margin-bottom: 10px;
border: 1px solid #EEEEEE;
object-fit: cover;
}
.docIntro a {
color: #999999;
}
.docIntro dd:first-of-type {
margin-bottom: 5px;
}
.docIntro dd:first-of-type a {
color: #333333;
font-size: 16px;
font-weight: bold;
margin-right: 10px;
}
.docIntro dd:nth-of-type(2) {
margin-bottom: 10px;
}
.docIntro dd:last-of-type {
width: 140px;
}
.docIntro dd:last-of-type a:hover {
color: #fc7541;
}
.docIntro a.zx_link {
display: inline-block;
width: 150px;
height: 40px;
line-height: 40px;
background: rgba(0, 124, 255, 0.1);
border: 1px solid #fc7541;
border-radius: 4px;
color: #fc7541;
text-align: center;
margin-top: 15px;
font-weight: bold;
}
.detailMain {
width: 60%;
}
.detailMain h1 {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.detailMain h1 .icont-hot {
width: 13px;
height: 17px;
}
.detailMain .times {
font-size: 12px;
color: #999999;
padding: 10px 0 15px;
border-bottom: 1px dashed #E5E5E5;
margin-bottom: 25px;
line-height: 20px;
}
.detailMain .times time {
margin-right: 50px;
}
.detailMain .times i {
font-size: 12px;
margin-right: 10px;
}
.detailMain .times i.iconyinpin {
font-size: 28px;
}
.detailMain article {
margin-bottom: 50px;
font-size: 16px;
}
.detailMain article img {
width: 60%;
margin: 10px 20%;
}
.detailMain p {
color: #333333;
margin-bottom: 15px;
}
.detailMain .corTit {
display: block;
font-weight: bold;
margin: 10px 0;
font-size: 16px;
}
#J_prismPlayer {
margin-bottom: 30px;
background-color: #ffffff;
}
.referral li {
padding: 20px 0;
border-top: 1px dashed #E5E5E5;
overflow: hidden;
}
.referral li dt {
width: 200px;
float: left;
}
.referral li img {
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
width: 100%;
height: 120px;
}
.referral li dd {
width: 620px;
float: right;
color: #999999;
font-size: 12px;
}
.referral li dd span {
display: inline-block;
font-weight: normal;
margin: 0;
float: right;
}
.referral li dd span i {
font-size: 12px;
margin: 0 10px 0 30px;
}
.referral li dd:first-of-type a {
float: left;
width: 60%;
font-size: 14px;
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
.referral li dd:last-child {
margin-top: 20px;
}
.referral li dd:last-child a:first-child {
font-weight: bold;
color: #333333;
margin-right: 15px;
}
.sidePlate .headline {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
position: static;
margin-bottom: 50px;
}
.sidePlate .docFaqsList {
padding: 15px 0 0;
border-top: 1px solid #e5e5e5;
border-bottom: none;
}
.sidePlate .docFaqsList:first-of-type {
border: none;
}
.sidePlate .docFaqsList .nofloat {
float: none;
margin-left: 20px;
}
.voiceBlock {
padding: 12px 0;
}
.voiceBlock li > img {
width: 100%;
margin: 10px 0 5px;
}
.voiceBlock li > a {
font-weight: bold;
color: #333333;
font-size: 14px;
}
.voiceBlock li > a:hover {
color: #fc7541;
}
.voiceBlock li:last-child {
line-height: 20px;
font-size: 12px;
color: #999999;
}
.voiceBlock li:last-child a {
max-width: 55%;
float: left;
color: #999999;
font-weight: normal;
margin-right: 5px;
font-size: 12px;
}
.voiceBlock .duration {
position: relative;
}
.voiceBlock .duration span {
position: absolute;
right: 11px;
top: 20px;
color: #8AC3FF;
font-size: 12px;
}
.voiceBlock time {
margin-right: 20px;
}
.hImg {
font-size: 12px;
color: #999999;
}
.hImg img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.hImg a {
color: #333333;
font-weight: bold;
}
.hImg span {
display: inline-block;
line-height: 24px;
}
.hImg span img {
width: 24px;
height: 24px;
float: left;
}
.voiceBL {
border-top: 1px solid #EEEEEE;
font-size: 12px;
color: #999999;
}
.voiceBL img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 10px;
}
.voiceBL a {
color: #333333;
font-weight: bold;
}
.voiceBL span {
display: inline-block;
line-height: 24px;
}
.voiceBL span img {
width: 24px;
height: 24px;
float: left;
}
.voiceBL > li:last-child {
margin-top: 5px;
}
.voiceBL:hover {
color: #fc7541;
}
.audiojs audio {
position: absolute;
left: -1px;
}
.audiojs {
width: 100%;
height: 60px;
background: #EEF6FF;
overflow: hidden;
font-size: 12px;
margin: 0 0 30px;
border-radius: 30px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
position: relative;
}
.audiojs .play-pause {
float: left;
overflow: hidden;
padding: 0 15px 0 30px;
box-sizing: border-box;
}
.audiojs p {
display: none;
width: 36px;
height: 36px;
cursor: pointer;
}
.audiojs .play {
display: block;
margin-bottom: 0;
}
.audiojs .scrubber {
position: relative;
width: 73%;
background: #cddff3;
height: 3px;
}
.audiojs .progress {
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 0;
background-color: #8AC3FF;
z-index: 1;
}
.audiojs .progress::after {
content: " ";
width: 16px;
height: 16px;
background-color: #8AC3FF;
position: absolute;
top: -6px;
right: -15px;
cursor: pointer;
background-size: contain;
border-radius: 50%;
z-index: 100;
}
.audiojs .loaded {
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 0;
background-color: #ebe9e9;
}
.audiojs .time {
color: #8AC3FF;
position: absolute;
right: 20px;
bottom: 16px;
font-size: 18px;
font-weight: 800;
}
.audiojs .time em {
font-style: normal;
font-weight: normal;
}
.audiojs .time strong {
padding: 0px 0px 0px 2px;
font-weight: normal;
}
.audiojs .error-message {
float: left;
display: none;
margin: 0px 10px;
height: 36px;
width: 400px;
overflow: hidden;
line-height: 36px;
white-space: nowrap;
color: #FFFFFF;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
.audiojs .error-message a {
color: #eee;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #999;
white-space: wrap;
}
.audiojs .play {
background-image: url("/video/mysource/image/20200506/5eb26e6eca7e0.png");
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 0;
}
.audiojs .loading {
background: url("/video/mysource/image/20200506/5eb26e7ae37fa.gif");
background-size: contain;
margin-bottom: 0;
}
.audiojs .error {
background: url("/video/mysource/image/20200506/5eb26e6803eca.png");
background-size: contain;
margin-bottom: 0;
}
.audiojs .pause {
background: url("/video/mysource/image/20200506/5eb26e6bd6217.png");
background-size: contain;
margin-bottom: 0;
}
.playing .play,
.playing .loading,
.playing .error {
display: none;
}
.playing .pause {
display: block;
}
.loading .play,
.loading .pause,
.loading .error {
display: none;
}
.loading .loading {
display: block;
}
.error .time,
.error .play,
.error .pause,
.error .scrubber,
.error .loading {
display: none;
}
.error .error {
display: block;
}
.error .play-pause p {
cursor: auto;
}
.error .error-message {
display: block;
}
.ciriRefer {
border-top: 1px dashed #E5E5E5;
}
.ciriRefer > li {
padding: 19px 0;
border-bottom: 1px dashed #E5E5E5;
}
.ciriRefer p {
font-size: 12px;
color: #999999;
}
.ciriRT {
overflow: hidden;
}
.ciriRT a {
max-width: 70%;
display: inline-block;
font-weight: bold;
color: #333333;
}
.ciriRT span {
color: #999999;
font-size: 12px;
margin: 0;
line-height: 20px;
font-weight: normal;
}
.ciriRT span i {
margin-right: 10px;
}
.ciriRT span time {
margin-left: 30px;
}
.ciriBlock a {
display: inline-block;
margin-right: 10px;
}
.ciriBlock a img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
border-radius: 50%;
width: 40px;
height: 40px;
}
.ciriBlock dl {
display: inline-block;
max-width: 200px;
font-size: 12px;
color: #999999;
}
.ciriBlock dl dt a {
font-size: 14px;
color: #333333;
font-weight: bold;
}
.ciriBlock dl dd {
height: 20px;
}
.ciriBlock dl dd a {
color: #999999;
}
.problem,
.answer {
padding: 20px;
}
.problem b,
.answer b {
display: block;
margin-bottom: 10px;
}
.problem {
background-color: #FFF8F8;
}
.answer {
background-color: #F8FBFF;
}
.searchTerms {
font-size: 20px;
color: #333333;
line-height: 24px;
margin: 40px 0;
font-weight: bold;
}
.searchNav {
background: #F8FBFF;
font-size: 16px;
border-bottom: 1px solid #fc7541;
margin-bottom: 30px;
overflow: hidden;
}
.searchNav a {
float: left;
padding: 15px 40px;
}
.searchNav a.active {
color: #FFFFFF;
background: #fc7541;
}
.search-care li {
display: inline-block;
box-sizing: border-box;
padding: 30px 45px;
border-bottom: 1px dashed #E5E5E5;
width: 49%;
margin-bottom: 30px;
}
.search-care li:nth-child(2n) {
float: right;
}
.searchCare-doc a {
color: #999999;
}
.searchCare-doc a:hover {
color: #8AC3FF;
}
.searchCare-doc > div {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
}
.searchCare-doc > p {
color: #666666;
font-size: 10px;
line-height: 20px;
margin-top: 15px;
height: 40px;
}
.searchCare-doc img {
float: left;
width: 81px;
height: 81px;
border-radius: 50%;
margin-right: 15px;
vertical-align: bottom;
background-color: #f3f7fd;
}
.searchCare-doc span {
color: #fc7541;
font-size: 10px;
margin: 0 15px;
border: 1px solid #fc7541;
border-radius: 4px;
padding: 2px 7px;
}
.searchCare-doc .doctorData {
margin-bottom: 12px;
}
.searchCare-doc .doctorData a {
font-weight: normal;
font-size: 16px;
color: #333333;
font-weight: bold;
}
.searchCare-doc .doctorData a:hover {
color: #fc7541;
}
.searchCare-hos img {
float: left;
width: 81px;
height: 81px;
vertical-align: bottom;
background-color: #f3f7fd;
margin-right: 18px;
}
.searchCare-hos > div > div > a {
font-size: 18px;
display: inline-block;
margin: 7px 0;
color: #333333;
}
.searchCare-hos > div > div > a:hover {
text-decoration: underline;
}
@media screen and (max-width: 1400px) {
.polymSwiper {
width: 870px;
height: 550px;
}
.goodArticle {
width: 310px;
margin: 0 auto;
padding: 0 20px;
}
.goodArticle figure img {
width: 90px;
height: 60px;
}
.goodArticle figcaption {
width: 165px;
}
.goodArticle > p {
margin-bottom: 5px;
}
.docFaqsListHos .watchTime i {
margin-right: 0;
}
.detailMain li dd {
width: 500px;
}
.videoPoly.videoClassify dl {
width: 285px;
}
.ciriRefer .voiceTime {
width: 60%;
font-size: 12px;
line-height: 30px;
height: 33px;
}
.voiceBlock {
padding: 10px 0;
}
.referral li dd:first-of-type a {
float: left;
width: 55%;
}
}
.doctor_page {
padding: 35px 0 40px;
box-shadow: 0 4px 10px 0 rgba(135, 145, 164, 0.1);
margin-bottom: 40px;
}
.doctor_personal {
width: 18%;
border: 1px solid #EEEEEE;
padding: 20px 18px;
text-align: center;
}
.doctor_personal > img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
width: 128px;
height: 128px;
border-radius: 50%;
}
.doctor_personal > span {
display: inline-block;
font-size: 20px;
margin: 10px 0 5px;
}
.doctor_personal > p {
color: #999999;
}
.doctor_personal > .hosname {
display: block;
margin: 10px 0;
color: #999999;
}
.doctor_personal > .hosname:hover {
text-decoration: underline;
color: #fc7541;
}
.doctor_personal > .zx_link {
display: inline-block;
width: 150px;
height: 40px;
line-height: 40px;
background: rgba(0, 124, 255, 0.1);
border: 1px solid #fc7541;
border-radius: 4px;
color: #fc7541;
text-align: center;
margin-top: 15px;
font-weight: bold;
}
.doctor_personal > dl {
border-top: 1px solid #E7EAF1;
margin-top: 20px;
color: #999999;
letter-spacing: 1px;
}
.doctor_personal > dl > dt {
margin: 10px 0;
}
.doctor_introduction {
width: 77%;
padding: 0 65px 40px;
box-sizing: border-box;
}
.doctor_introductionP {
color: #666666;
line-height: 28px;
background: #F8FBFF;
padding: 30px 37px;
letter-spacing: 1px;
font-size: 16px;
}
.similar {
margin: 40px 0 30px;
font-size: 22px;
color: #333333;
font-weight: bold;
}
.similar_doc {
display: flex;
display: -webkit-flex;
}
.similar_doc > a {
display: inline-block;
width: 24%;
color: #999999;
border: 1px solid #EEEEEE;
border-radius: 8px;
text-align: center;
margin-right: 10px;
padding-top: 30px;
position: relative;
}
.similar_doc > a:last-child {
margin-right: 0;
}
.similar_doc img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
width: 100px;
height: 100px;
border-radius: 50%;
margin-bottom: 20px;
}
.similar_doc dl {
padding: 0 15px;
}
.similar_doc dd {
height: 22px;
overflow: hidden;
}
.similar_doc dd:first-of-type {
color: #666666;
margin-bottom: 5px;
}
.similar_doc dd:first-of-type b {
color: #333333;
margin-right: 10px;
font-size: 16px;
text-align: left;
}
.similar_doc .zxbtn {
display: block;
width: 100%;
line-height: 40px;
text-align: center;
background: rgba(0, 124, 255, 0.1);
color: #fc7541;
font-size: 16px;
border-radius: 0 0 8px 8px;
}
.similar_doc .keywords {
height: 25px;
margin: 10px 0;
overflow: hidden;
padding: 0 15px;
}
.similar_doc .keywords span {
display: inline-block;
color: #fc7541;
font-size: 12px;
padding: 3px 10px;
background: rgba(0, 124, 255, 0.1);
border-radius: 4px;
margin: 0 10px 10px 0;
}
.similar_doc .keywords span:last-child {
margin-right: 0;
}
.similar_doc p {
margin-bottom: 10px;
padding: 0 20px;
height: 64px;
text-align: left;
}
.similar_doc .flagLabel {
width: 34px;
height: 62px;
background: url(http://www.myzx.cn/asset/image/flag2.png) no-repeat;
position: absolute;
top: 0;
right: 10px;
}
.similar_doc .flagLabel b {
display: block;
color: #FFFFFF;
width: 20px;
line-height: 20px;
margin: 10px auto;
text-align: center;
height: 40px;
overflow: hidden;
}
.boldTit {
display: inline-block;
font-size: 22px;
font-weight: bold;
margin-bottom: 30px;
}
.boldTit i {
float: left;
margin: 5px 10px 0 0;
}
.downApp {
width: 300px;
border: 1px solid #EEEEEE;
box-sizing: border-box;
margin-bottom: 20px;
}
.downApp > div {
padding: 20px 18px 5px 18px;
box-sizing: border-box;
height: 320px;
}
.downApp img {
width: 100%;
}
.downApp dt {
font-weight: bold;
font-size: 16px;
}
.downApp dd {
text-align: center;
color: #fc7541;
}
.downApp span {
display: inline-block;
width: 100%;
height: 44px;
line-height: 44px;
background: #fc7541;
color: #FFFFFF;
text-align: center;
font-size: 16px;
}
.downApp:hover .downtel {
opacity: 0;
display: none;
}
.downApp:hover .downcode {
opacity: 1;
display: block;
}
.downApp .downcode {
display: none;
text-align: center;
}
.downApp .downcode img {
border: 4px solid rgba(0, 114, 255, 0.1);
box-sizing: border-box;
padding: 10px;
width: 95%;
}
.doctor_video {
width: 1065px;
padding: 40px 40px 0;
border: 1px solid #EEEEEE;
box-sizing: border-box;
min-height: 360px;
}
.departments > a {
float: left;
display: inline-block;
height: 32px;
margin-right: 30px;
line-height: 32px;
margin-bottom: 20px;
cursor: pointer;
font-size: 16px;
}
.departments > a.cur {
background-color: #fc7541;
color: #FFFFFF;
padding: 0 15px;
}
.docVideo_list li {
padding: 25px 0;
overflow: hidden;
border-top: 1px solid #eee;
}
.docVideo_img {
float: left;
position: relative;
}
.docVideo_img img {
width: 100%;
height: 100%;
vertical-align: bottom;
background-color: #f3f7fd;
object-fit: cover;
object-position: center;
width: 200px;
height: 120px;
}
.docVideo_img::after {
display: inline-block;
content: "";
width: 35px;
height: 35px;
background: url("http://www.myzx.cn/asset/image/icon-play.png") no-repeat;
background-size: contain;
position: absolute;
left: 10px;
bottom: 10px;
}
.docVideo_text {
float: right;
width: 76%;
font-size: 16px;
}
.docVideo_text > a {
font-weight: bold;
color: #333333;
margin-bottom: 5px;
}
.docVideo_text > a:hover {
color: #fc7541;
}
.docVideo_text > p {
font-size: 14px;
color: #999999;
letter-spacing: 1px;
margin-bottom: 20px;
line-height: 20px;
}
.docVideo_text div {
height: 28px;
overflow: hidden;
}
.docVideo_text div a {
display: inline-block;
font-size: 12px;
color: #999999;
background: #F7F7F7;
padding: 5px 13px;
border-radius: 17px;
margin-right: 10px;
}
.docVideo_text div a:hover {
color: #8AC3FF;
}
.docVideo_text div.docName {
color: #666666;
font-size: 14px;
}
.docVideo_text div.docName a {
background: none;
color: #666666;
padding: 0;
margin: 0;
}
.recommend_doc {
width: 1065px;
padding: 40px 40px 0;
border: 1px solid #EEEEEE;
box-sizing: border-box;
min-height: 360px;
padding-bottom: 20px;
}
.findmsg {
font-size: 16px;
position: relative;
display: inline-block;
color: #333333;
margin-bottom: 30px;
}
.findmsg strong {
color: #fc7541;
margin: 0 3px;
}
.findmsg:hover,
.findmsg:hover strong {
color: #FF8939;
}
.findmsg:hover div {
display: block;
}
.findmsg > div {
display: none;
width: 190px;
height: 190px;
box-sizing: border-box;
padding: 15px;
border: 1px solid #EEEEEE;
position: absolute;
right: -190px;
top: 0;
z-index: 100;
background: #FFFFFF;
}
.findmsg > div img {
width: 100%;
height: 100%;
}
.docCard {
display: inline-block;
width: 259px;
box-sizing: border-box;
text-align: center;
padding: 36px 24px;
border: 1px solid #EEEEEE;
margin-right: 78px;
margin-bottom: 30px;
position: relative;
}
.docCard:nth-of-type(3n) {
margin-right: 0;
}
.docCard:hover {
box-shadow: 0px 4px 10px 0px #eaeaea;
}
.docCard img {
width: 109px;
height: 109px;
border-radius: 50%;
background-color: #f3f7fd;
}
.docCard .docName {
height: 26px;
line-height: 36px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
color: #333333;
}
.docCard .call {
display: inline-block;
max-width: 120px;
height: 19px;
border: 1px solid #fc7541;
border-radius: 4px;
font-size: 12px;
text-align: center;
line-height: 19px;
color: #fc7541;
margin-left: 5px;
padding: 0 5px;
overflow: hidden;
}
.docCard .departHos {
display: inline-block;
font-size: 16px;
font-weight: 400;
color: #999999;
padding: 0 7px;
margin-top: 7px;
overflow: hidden;
white-space: nowrap!important;
text-overflow: ellipsis;
width: 100%;
box-sizing: border-box;
}
.docCard .departHos:after {
content: " ";
height: 2px;
width: 30px;
background: #B6B6B6;
display: block;
margin: 8px auto 0;
}
.docCard .vedioNum {
color: #fc7541;
margin: 7px 0;
}
.docCard .speciality {
font-size: 12px;
color: #999999;
line-height: 24px;
width: 209px;
height: 48px;
color: #333333;
}
.flagLabel {
width: 39px;
height: 55px;
background: url(http://www.myzx.cn/asset/image/flag.png) no-repeat;
position: absolute;
top: 0;
right: 12px;
}
.flagText {
display: block;
color: #FFFFFF;
width: 20px;
line-height: 20px;
margin: 3px auto;
text-align: center;
height: 40px;
overflow: hidden;
}
.popularDoctor {
padding: 30px 19px 10px 19px;
width: 260px;
background: #fff;
margin-bottom: 20px;
border: 1px solid #E7EAF1FF;
}
.popularDoctor .docCard {
border: none;
}
.popularDoctor .docCard:hover {
box-shadow: none;
}
.swiper-pagination-bullet {
width: 17px;
height: 5px;
border-radius: 3px;
background: #999999;
}
.swiper-pagination-bullet-active {
background: #fc7541 !important;
}
.hospital_page {
padding: 35px 0 40px;
box-shadow: 0 4px 10px 0 rgba(135, 145, 164, 0.1);
margin-bottom: 40px;
position: relative;
padding-bottom: 50px;
}
.hos_intro {
color: #333333;
letter-spacing: 1px;
margin-bottom: 30px;
}
.hos_intro > img {
float: left;
width: 131px;
height: 131px;
border-radius: 4px;
margin-right: 25px;
}
.hos_intro h1 {
font-size: 22px;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
align-items: center;
-webkit-align-items: center;
}
.hos_intro > div > p {
margin-top: 10px;
}
.hosnavList {
width: 1400px;
position: absolute;
bottom: 0;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
}
.hosnavList a {
display: inline-block;
flex: 1;
text-align: center;
border: 1px solid #E7EAF1;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.hosnavList a.active {
color: #FFFFFF;
background-color: #fc7541;
border: 1px solid #fc7541;
}
.intro_msg {
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
}
.intro_msg li {
margin-bottom: 20px;
}
.intro_msg li b {
color: #fc7541;
}
.introText p {
line-height: 22px;
color: #666666;
}
.hosTit {
margin-top: 30px;
}
.hospital-videoBlock {
margin-top: 0!important;
}
.hospital-videoBlock dl {
width: 310px!important;
}
.hospital-videoBlock dl:nth-child(3n) {
margin-right: 0!important;
}
#allmap {
width: 100%;
height: 400px;
margin-bottom: 20px;
background-color: #f5f3f0;
}
.hosDy {
width: 300px;
padding: 20px 18px;
box-sizing: border-box;
letter-spacing: 2px;
margin-bottom: 20px;
border: 1px solid #EEEEEE;
}
.hosDy h6 {
font-weight: bold;
color: #333333;
line-height: 30px;
}
.hosDy h6 a {
font-size: 12px;
font-weight: normal;
}
.hosDy h6 a:hover {
text-decoration: underline;
}
.hosDy dl {
background: #F7F7F7;
padding: 10px;
margin-top: 10px;
}
.hosDy .authentication {
font-size: 14px;
margin: 5px 0 0;
}
.docbox .similar_doc {
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.docbox .similar_doc a {
width: 28%;
margin-bottom: 50px;
margin-right: 70px;
}
.docbox .similar_doc a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.docbox .similar_doc a:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width: 1400px) {
.doctor_video {
width: 890px;
padding: 40px 30px 0;
}
.docVideo_text {
width: 73%;
}
.recommend_doc {
width: 880px;
}
.docCard {
width: 239px;
margin-right: 35px;
}
.popularDoctor {
width: 240px;
}
.downApp,
.hosDy {
width: 280px;
}
.hosnavList {
width: 1200px;
}
.hospital-videoBlock dl {
width: 252px!important;
}
.similar_doc p {
padding: 0 15px;
}
.docbox .similar_doc a {
width: 30%;
margin-right: 35px;
}
}
.query li {
float: left;
margin: 0 15px 20px 0;
}
.query li a {
display: inline-block;
padding: 9px 27px;
background: #F8FBFF;
border-radius: 5px 0 5px 0;
color: #333333;
font-size: 16px;
}
.query li.active a {
background: #fc7541;
color: #FFFFFF;
}
.letter {
width: 100%;
padding: 30px 40px 0;
background: #F8FBFF;
box-sizing: border-box;
margin-bottom: 40px;
}
.letter a {
display: inline-block;
color: #333333;
margin: 0 30px 30px 0;
padding: 2px 0;
}
.letter a.cur {
color: #FFFFFF;
background-color: #fc7541;
padding: 2px 19px;
border-radius: 3px;
}
.diseaseName > p {
padding: 10px 0;
font-size: 12px;
text-align: right;
}
.diseaseName > p span {
color: #fc7541;
}
.diseaseName > div {
border-top: 1px dashed #E5E5E5;
font-size: 24px;
padding: 20px 0 5px;
}
.diseaseName a {
float: left;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
font-size: 14px;
color: #333333;
width: 10%;
height: 42px;
overflow: hidden;
position: relative;
padding-left: 15px;
box-sizing: border-box;
}
.diseaseName a::before {
display: inline-block;
content: "";
width: 8px;
height: 2px;
background: #fc7541;
margin-right: 7px;
margin-top: 10px;
position: absolute;
left: 0;
}
.depart {
background: #F8FBFF;
padding: 30px 0 0 30px;
margin-bottom: 30px;
}
.depart > div {
padding-bottom: 20px;
}
.depart > div span {
padding: 3px 15px 0 0;
}
.depart > div div {
width: 93%;
}
.depart > div a {
float: left;
color: #333333;
margin-right: 30px;
padding: 3px 0;
margin-bottom: 10px;
}
.depart > div a.cur {
background: #fc7541;
color: #FFFFFF;
padding: 3px 10px;
border-radius: 3px;
}
.depart > div a.cur:hover {
color: #FFFFFF;
}
.depart > div a:hover {
color: #fc7541;
}
.issue > a {
display: inline-block;
color: #333333;
font-size: 12px;
background: #F8FBFF;
border-radius: 3px;
padding: 3px 14px;
margin-right: 15px;
}
.issue > a.active {
background-color: #fc7541;
color: #ffffff;
}
.diseaseName {
color: #999999;
margin-bottom: 30px;
}
.diseaseName strong {
font-size: 20px;
color: #333333;
margin-right: 20px;
}
.conTit {
font-weight: bold;
padding-left: 10px;
border-left: 2px solid #fc7541;
}
.conTit a {
float: right;
font-weight: normal;
color: #999999;
font-size: 12px;
}
.illcase {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-ms-flex-wrap: wrap;
font-size: 12px;
color: #333333;
margin-bottom: 50px;
}
.illcase span {
color: #999999;
}
.illcase li {
width: 50%;
margin-bottom: 5px;
font-size: 14px;
}
.illvideo {
width: 100%;
}
.illvideo dl {
width: 335px;
}
.correlatBox {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.correlatBox ul {
width: 49%;
}
.videoPoly.videoClassify {
width: 100% !important;
margin-top: 20px;
}
.videoPoly.videoClassify dl {
width: 335px;
}
.videoPoly.videoClassify dl:nth-child(3n) {
margin-right: 20px;
}
.videoPoly.videoClassify dl:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 1400px) {
.videoPoly.videoClassify dl:nth-child(3n) {
margin-right: 0;
}
.videoPoly.videoClassify dl:nth-child(4n) {
margin-right: 20px;
}
}
.describBox {
font-size: 14px;
margin-bottom: 99px!important;
}
.describBox > img {
width: 100%;
background-color: #f3f7fd;
}
.describBox .homeTit {
font-weight: bold;
font-size: 18px;
color: #333333;
}
.describBox p {
font-weight: 800;
color: #333333;
margin-bottom: 10px;
}
.describBox div {
color: #666666;
}
.describBox div > div {
margin: 0 0 10px 20px;
}
.develop {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
justify-content: space-between;
-webkit-justify-content: space-between;
}
.develop img {
width: 440px;
background-color: #f3f7fd;
}
.contact {
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
/* 老版本语法: Firefox (buggy) */
/* 混合版本语法: IE 10 */
/* 新版本语法: Chrome 21+ */
/* 新版本语法: Opera 12.1, Firefox 22+ */
display: -webkit-box;
/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box;
/* 老版本语法: Firefox (buggy) */
display: -ms-flexbox;
/* 混合版本语法: IE 10 */
display: -webkit-flex;
/* 新版本语法: Chrome 21+ */
display: flex;
/* 新版本语法: Opera 12.1, Firefox 22+ */
margin-top: 60px;
}
.contact > ul {
color: #333333;
flex: 1;
padding: 0 50px;
border-left: 1px dashed #E5E5E5;
}
.contact > ul:first-child {
border-left: none;
}
.contact > ul > li:first-child {
font-size: 18px;
margin-bottom: 40px;
}
.contact > ul li {
margin-bottom: 20px;
}
.contact > ul i {
float: left;
font-size: 22px;
margin: -5px 15px 0 0;
}
.contact .tel_name > b {
color: #fc7541;
display: block;
margin-bottom: 20px;
}
.contact .tel_name p {
font-weight: normal;
}
.contact .tel_name:first-child {
margin-right: 100px;
}
.feedback {
font-size: 14px;
}
.feedback textarea {
width: 1400px;
height: 320px;
background: #F8FBFF;
border-radius: 5px;
border: 1px solid #DEE7F3;
padding: 20px;
box-sizing: border-box;
margin: 10px 0 40px;
}
.feedback textarea::-webkit-input-placeholder {
color: #999999;
}
.feedback textarea::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #999999;
}
.feedback textarea:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #999999;
}
.feedback textarea:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #999999;
}
.feedback input[type=text] {
width: 1400px;
height: 60px;
background: #F8FBFF;
border-radius: 5px;
border: 1px solid #DEE7F3;
padding: 20px;
box-sizing: border-box;
}
.feedback input[type=submit] {
width: 190px;
height: 50px;
line-height: 50px;
background: #fc7541;
border-radius: 30px;
color: #FFFFFF;
font-size: 18px;
font-weight: 800;
margin-top: 50px;
}
.main_map_box {
border: 1px solid #DBDBDB;
padding: 0 20px;
}
.map_group {
margin: 0!important;
}
.mj-mapbox tr {
border-bottom: 1px dashed #d7d7d7;
}
.mj-mapbox tr.last {
border-bottom: 0px;
}
.mj-mapbox tr.odd {
background-color: #F5F5F5;
}
.mj-mapbox th,
.mj-mapbox td {
padding-top: 10px;
}
.mj-mapbox th {
text-align: right;
padding-right: 10px;
}
.mj-mapbox th a {
font-weight: bold;
}
.mj-mapbox .map_group dt {
padding-top: 10px;
font-size: 14px;
}
.mj-mapbox .fc-orange {
color: #f60;
}
.mj-mapbox .map_group td a {
margin-bottom: 10px;
}
.main_map_box .map_group dt {
float: left;
width: 70px;
font-weight: bold;
color: #333;
}
.main_map_box .map_group dd {
margin-left: 70px;
}
.main_map_box .map_group th {
padding-left: 15px;
color: #666;
font-weight: normal;
white-space: nowrap;
}
.main_map_box .map_group th,
.main_map_box .map_group td {
vertical-align: top;
}
.mj-mapbox th {
text-align: right;
padding-right: 10px;
}
.main_map_box .map_group th a {
color: #0657B2;
}
.mj-mapbox .map_group td a {
display: inline-block;
margin: 0 15px 10px;
color: #0657B2;
}
.mj-mapbox .map_group td a:hover {
color: #D63200;
}
.main_map_box .map_group .header {
height: 38px;
line-height: 38px;
border-bottom: 1px #CCC solid;
margin-left: 0;
}
.main_map_box .map_group .header h3 {
border-bottom: 1px #388EC7 solid;
padding-right: 12px;
color: #666;
display: inline-block;
font-size: 16px;
font-weight: bold!important;
}
.main_map_box .map_group .header h3 em {
font-weight: normal;
color: #388EC7;
}
.main_map_box .map_group dl {
padding: 12px 0 12px 15px;
line-height: 23px;
zoom: 1;
margin-top: -1px;
border-top: 1px #CCC dashed;
}
.main_map_box .map_group dl:first-of-type {
border: 0;
}
@media screen and (max-width: 1400px) {
.develop img {
width: 380px;
}
.feedback textarea,
.feedback input[type=text] {
width: 1200px;
}
}