/* 新闻专区 */ .content-news { padding-top: 33px; } .content-news > div { display: inline-block; } /* 左侧 */ .content-news .news_left { width: 29%; } .content-news .news_middle { width: 44%; } .content-news .news_right { width: 23%; } .content-news .calendar { width: 59px; height: 64px; vertical-align: top; } .content-news .calendar .top { border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #328b38; } .content-news .calendar .bottom { padding-bottom: 3px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #36973d; } .content-news .season-text { font-size: 16px; color: #36973d; } .content-news .icon-right { width: 21px; height: 21px; } .content-news .article_left { margin-top: 15px; } .content-news .article_left .article-item { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ededed; } .content-news .article_left .article-item .article-img{ width: 40%;height: 90px;overflow: hidden; } .content-news .article_left .article-item:last-of-type { border: none; } .content-news .article-item .article-title { padding-bottom: 25px; } /* 中间区域 */ .content-news .news_middle .swiper { margin-bottom: 30px; } .content-news .news_middle .swiper .swiper-img { height: 280px; } .content-news .news_middle .swiper img { width: 100%; height: 100%; } .content-news .news_middle .swiper .mask { position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background-image: ; } .content-news .news_middle .swiper-title { height: 50px; padding-left: 15px; padding-right: 15px; } .content-news .news_middle .swiper-indicator > li { float: left; width: 15px; height: 3px; margin-right: 3px; background-color: white; cursor: pointer; } .content-news .news_middle .swiper-indicator > li.active { background-color: #36973d; } .content-news .news_middle .middle-news-list li{ float: left; width: 50%; margin-bottom: 15px; list-style-type: disc; list-style-position: inside; color: #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .content-news .news_middle .middle-news-list li a { font-size: 16px; } /* 右侧 */ .content-news .news_right .ivypha-menu { margin-bottom: 18px; } .content-news .news_right .button { background-color: #f1f1f1; border-radius: 8px; } .content-news .news_right .ivypha-shopping { height: 51px; line-height: 51px; } .content-news .news_right .shopping { width: 47px; line-height: 25px; background-color: #36973d; border-radius: 12px 12px 12px 0px; } .content-news .news_right .sec-btn { width: 49%; height: 42px; line-height: 42px; } .content-news .news_right .nav-item { display: inline-block; text-align: center; cursor: pointer; font-size: 14px; } .content-news .news_right .nav-item .icon { width: 35px; height: 35px; margin-bottom: 8px; } .content-news .news_right .ivypha-nav { margin-bottom: 50px; } .content-news .news_right .recommend-medicine .title, .good-article .right .right-title .title { margin-bottom: 8px; border-left: 4px solid #36973d; } .content-news .news_right .recommend-medicine .title p, .good-article .right .right-title .title p { margin-left: 9px; font-size: 24px; }hover .content-news .news_right .recommend-medicine img { width: 100%; height: 100%; } .content-news .news_right .recommend-medicine .recommend-item, .good-article .right .health-item { padding: 14px 0; } .content-news .news_right .recommend-medicine .recommend-item:last-of-type { border: none; } /* 各个session */ .session .bg-title { margin-bottom: 63px; background: no-repeat 50% 50%; } .session .bg-title span { font-size: 40px; color: #333; } .session .bg-title span:last-of-type { color: #36973d; } /* 好文科普 */ .good-article .left { width: 30%; max-width: 385px; } .good-article .tab-item { cursor: pointer; } .good-article .tab-item:first-of-type { margin-right: 25px; } .good-article .tab-item.active { color: #36973d; border-bottom: 4px solid #36973d; } /* 排行榜 */ .good-article .ranking-hot { padding-top: 28px; padding-bottom: 33px; } .good-article .ranking .ranking-thumb { width: 148px; height: 90px; margin-right: 17px; } .good-article .ranking .ranking-thumb img { width: 100%; height: 100%; } .good-article .ranking .ranking-text { line-height: 1.5; } .good-article .ranking .ranking-list .ranking-item { margin-bottom: 20px; } .good-article .ranking .ranking-list .ranking-item span { font-size: 16px; } .good-article .ranking .ranking-list .ranking-item .code { width: 20px; height: 21px; line-height: 1.5; border-radius: 50%; behavior: ; font-size: 13px; margin-right: 10px; color: #ffffff; background-color: #b2b2b2; text-align: center; } .good-article .ranking .ranking-list .ranking-item .code_col1{ background-color: #ea5246; } .good-article .ranking .ranking-list .ranking-item .code_col2 { background-color: #f56313; } .good-article .ranking .ranking-list .ranking-item .code_col3 { background-color: #eea313; } .good-article .ranking .ranking-list .ranking-item .disease-type { color: #344a36; } .good-article .ranking .ranking-list .ranking-item .disease-type:after { content: "|"; padding-left: 5px; padding-right: 5px; color: #c4c4c4; } /* 好文科普中间区域 */ .good-article .middle { margin-left: 30px; margin-right: 30px; max-width: 441px; } .good-article .middle .middle-img { margin-bottom: 28px;height: 242px;overflow: hidden; } .good-article .middle .middle-title { line-height: 2; padding-left: 4px; margin-bottom: 18px; font-weight: bold; } .good-article .middle .middle-news .news-item { margin-bottom: 18px; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; overflow: hidden; } /* 好文科普右侧 */ .good-article .right { max-width: 339px; } .good-article .right .right-header > div { height: 52px; line-height: 52px; padding-left: 12px; padding-right: 12px; margin-bottom: 10px; background-color: #f8f8f8; } .good-article .right-header { margin-bottom: 40px; } .good-article .right-header .right-label { font-size: 16px; color: #36973d; } .good-article .right-header .right-label:after { content: "|"; padding: 0 5px; } .good-article .health-item span { font-size: 16px; line-height: 1.5; } /* 视频科普 */ .videos .video-title { margin-bottom: 17px; } .videos .video-list .video-item { float: left; width: 228px; height: 128px; margin-right: 20px; text-align: center; position: relative; margin-bottom: 20px; } .video-div,.video-meng{ position: absolute; width: 100%;height: 100%; left:0; top:0 } .video-meng{ z-index:1; background: #000; opacity:0.3; filter:alpha(opacity=30); } .video-div{ z-index: 2; padding-top: 30px; } .video-ico .iconfont{ color: #34be3e;font-size: 40px; } .video-title-time{ color: #fff; padding:22px 20px 0;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;;overflow: hidden; } .videos .video-list .video-item:nth-of-type(5n 5) { margin-right: 0; } .videos .video-list .video-item:nth-last-child(5) { margin-bottom: 0px; } .videos .video-list .video-item img { width: 100%; height: 100%; } /* 健康自检 */ .check-health .title { position: relative; padding: 17px 13px; } .check-health .title:after { content: ""; position: absolute; bottom: 0; width: 98px; height: 3px; left: 0; background-color: #36973d; } .check-health .title span { font-size: 24px; } .check-health .left, .check-health .right { width: 585px; } /* 健康 */ .check-health .left { /* margin-right: 32px; */ width: 586px; height: 623px; } .check-health .left-content { padding: 15px 11px 0 8px; } .check-health .left-content .health-calendar { width: 85px; box-shadow: 0px 1px 3px #888; border-radius: 8px; } .check-health .left-content .health-calendar .c-header { border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: #f87d6f; } .check-health .left-content .health-calendar .c-body .date{ font-size: 36px; } .check-health .left-content .daily-intro { width: 70%; margin-bottom: 5px; line-height: 2; text-overflow: ellipsis; overflow: hidden; } .check-health .left-content .daily-intro .intro { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 90px; overflow: hidden; text-overflow: ellipsis; } .check-health .left-content .disease-tags { margin-top: 5px; padding: 5px; } .check-health .left-content .disease-tags .tag { display: inline-block; margin-right: 5px; margin-bottom: 10px; padding: 10px 15px; } .check-health .left-content .disease-tags .tag:nth-of-type(4n 4) { margin-bottom: 10px; } .check-health .left-content .search-diease { padding-left: 10px; } .check-health .left-content .search-diease .ipt-wrapper { display: inline-block; padding: 0 14px; max-width: 103px; line-height: 35px; border: 1px solid #dbdbdb; } .check-health .left-content .search-diease input { width: 100%; color: #333; font-size: 15px; border: none; } .check-health .left-content .search-diease button{ height: 35px; font-size: 15px; padding: 0 35px; color: #333; border: solid 1px #ececec; background-color: #e6e6e6; } /* 右侧 */ .check-health .right-content .seal { width: 70px; height: 70px; float: left; border-radius: 6px; behavior: ; background-color: #f9ac32; color: #ffffff; text-align: center; } .check-health .right-content .seal span{ letter-spacing:8px; display: block; margin-top: 8px; margin-left: 5px; } /* 右侧人物 */ .check-health .right { width: 586px; height: 623px; } .check-health .right-content .visual { width: 500px; height: 467px; margin: 0 auto; } .check-health .right-content .visual .front { width: 100%; height: 100%; text-align: center; position: relative; } .check-health .right-content .visual .visua1 { display: block; width: 200px; height: 90%; margin: 0 auto; text-align: center; background: center center; background-repeat:no-repeat; background-size: auto 100%; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(, sizingmethod='scale'); } .check-health .right-content .visual .front em { display: block; font-style:normal; width: 40px; height: 25px; line-height: 25px; border-radius: 5px; behavior: ; background-color: #b8daff; position: absolute; z-index: 1; } .check-health .right-content .visual .front .visua1 .current { background-color: #3291f9; } .check-health .right-content .visual .front .visua1 .current a{ color: #fff; } .check-health .right-content .visual .front .front_btn { text-align: center; } .check-health .right-content .visual .front .front_btn .front_ac { background-color: #f9ac32; color: #fff; } .check-health .right-content .visual .front .front_btn button{ width: 65px; height: 30px; border-radius: 5px; behavior: ; } .check-health .right-content .visual .front em a { color: #fff; } .check-health .right-content .visual .front .em1 { top: 13px; left: 110px; } .check-health .right-content .visual .front .em2 { top: 57px; left: 340px; } .check-health .right-content .visual .front .em3 { top: 127px; left: 110px; } .check-health .right-content .visual .front .em4 { top: 140px; left: 340px; } .check-health .right-content .visual .front .em5 { top: 182px; left: 110px; } .check-health .right-content .visual .front .em6 { top: 241px; left: 340px; } /* 人物背面 */ .check-health .right-content .visual .back .front_btn button{ width: 65px; height: 30px; border-radius: 5px; behavior: ; } .check-health .right-content .visual .back em { display: block; font-style:normal; width: 40px; height: 25px; line-height: 25px; border-radius: 5px; behavior: ; background-color: #b8daff; position: absolute; z-index: 1; } .check-health .right-content .visual .back em a { color: #fff; } .check-health .right-content .visual .back { width: 100%; height: 100%; text-align: center; position: relative; } .check-health .right-content .visual .visua2 { display: block; width: 200px; height: 90%; margin: 0 auto; text-align: center; background: center center; background-repeat:no-repeat; background-size: auto 100%; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/9.png", sizingmethod='scale'); } .check-health .right-content .visual .back .front_btn .front_ac { background-color: #f9ac32; color: #fff; } .check-health .right-content .visual .back .em1 { top: 46px; left: 349px; } .check-health .right-content .visual .back .em2 { top: 92px; left: 349px; } .check-health .right-content .visual .back .em3 { top: 75px; left: 111px; } .check-health .right-content .visual .back .em4 { top: 136px; left: 349px; } .check-health .right-content .visual .back .em5 { top: 158px; left: 110px; } .check-health .right-content .visual .back .em6 { top: 180px; left: 349px; } .check-health .right-content .visual .back .em7 { top: 214px; left: 90px; } /* --- */ .check-health .right-hot_drugs,.right-in_drugs,.right-look_drugs{ width: 390px; margin-top: 45px; } .check-health .right-look_drugs{ margin-right: 0; } .check-health .right-hot_drugs a { color: #000; } .check-health .right-hot_drugs li { float: left; margin-top: 20px; margin-right: 45px; list-style: disc; color: #ccc; width: 37.5%; } .check-health .right-hot_drugs ul { padding-left: 30px; padding-bottom: 20px; } .check-health .right-in_drugs li{ margin-top: 20px; margin-right: 45px; list-style: disc; color: #ccc; } .check-health .right-in_drugs ul{ padding-left: 30px; padding-bottom: 20px; } .check-health .right-in_drugs a { color: #000; } .check-health .right-look_drugs .lookdiv{ text-align: center; font-size: 16px; padding: 24px 0; } .check-health .right-look_drugs .lookdiv div span{ font-size: 16px; } .check-health .right-look_drugs .lookdiv input{ width: 240px; height: 40px; font-size: 16px; line-height: 40px; margin-left: 15px; margin-top: 15px; padding-left: 10px; background-color: #f7f7f7; border-radius:5px; } .check-health .right-look_drugs .lookdiv button { width: 180px; height: 40px; margin-top: 15px; margin-bottom: 15px; background-color: #36973d; color: #fff; } .check-health .association .lookdiv { width: 100%; } .check-health .title:after { content: ""; position: absolute; bottom: 0; width: 98px; height: 3px; left: 10px; background-color: #36973d; } .check-health .association div{ display: inline-block; } .check-health .association div span{ padding: 0 10px; } .check-health .association div div:first-child span{ padding: 0; } .check-health .association ul { margin-top: 20px; margin-bottom: 40px; } .check-health .association li { float: left; list-style: disc; color: #ccc; margin-left: 40px; margin-top: 20px; width: 16%; } .check-health .association li a{ color: #000; } /* 人物正面hover */ .check-health .right-content .visual .front .em1:hover ~span{ background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/3.png", sizingmethod='scale'); } .check-health .right-content .visual .front .em2:hover ~span{ background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/4.png", sizingmethod='scale'); } .check-health .right-content .visual .front .em3:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/5.png", sizingmethod='scale'); } .check-health .right-content .visual .front .em4:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/6.png", sizingmethod='scale'); } .check-health .right-content .visual .front .em5:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/7.png", sizingmethod='scale'); } .check-health .right-content .visual .front .em6:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman/8.png", sizingmethod='scale'); } .check-health .right-content .visual .front em:hover{ background-color: #3291f9; } /* 人物背面hover */ .check-health .right-content .visual .back .em1:hover ~span{ background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/4.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em2:hover ~span{ background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/3.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em3:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/5.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em4:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/7.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em5:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/8.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em6:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/9.png", sizingmethod='scale'); } .check-health .right-content .visual .back .em7:hover ~span { background: ; background-repeat:no-repeat; background-size: auto 100%; background-position: center; background: none\9; filter: progid:dximagetransform.microsoft.alphaimageloader(src="/uploads/image/siman_back/10.png", sizingmethod='scale'); } .check-health .right-content .visual .back em:hover{ background-color: #3291f9; } /* 幻灯片 */ .turn{ width:100%; height:285px; position:relative; overflow:hidden;margin-bottom: 30px;;} .turn-loading{ width:100%; position:absolute; z-index:4; overflow:hidden; background:#202f42;} .turn-loading img{ width:32px; height:32px; margin:51px 0 0 135px;} .turn-pic li{ position:absolute; top:0px; left:0px; filter:alpha(opacity=0); opacity:0;width: 100%} .turn-pic li img{ width:100%; height: 285px;} .turn-bg{ width:100%; height:50px; overflow:hidden; background:#000; background: -moz-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%); background: -webkit-linear-gradient(top,rgba(51,51,51,0) 0%,#333 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#000 100%); position:absolute; z-index:2; bottom:0; filter:alpha(opacity=70); opacity:0.7; } .turn-tit{ font-size:12px;overflow: hidden} .turn-tit a{ color:#fff; text-decoration:none;font-size: 16px;font-weight: bold} .turn-tit li{ position:absolute; z-index:3; bottom:-20px; left:5px;} .turn-btn{ position:absolute; z-index:3; font-size:12px; color:#fff; bottom:8px; right:15px;} /*.turn-btn .lb,.turn-btn .rb{ width:6px; height:9px; background: no-repeat; overflow:hidden; position:absolute; top:5px; left:-10px; cursor:pointer;}*/ /*.turn-btn .rb{ background-position:-6px 0; left:25px;}*/ .turn-btn .lb{width:60px; height:49px; background: no-repeat 30% 50%; background-size: 29px 50px; overflow:hidden; position:absolute; top:-150px; left:-470px; cursor:pointer; } .turn-btn .rb{ width:60px; height:49px; background: no-repeat no-repeat 30% 50%; overflow:hidden; position:absolute; top:-150px; right:-10px; cursor:pointer; background-size: 29px 50px; } .turn-btn span{ text-align:center;} /*按科室和部位查病症*/ #bumen,#keshi,#dise,#buwei,#buweiitem,#buweizhengzh{ width: 103px;height: 35px;line-height: 35px;border:1px solid #dbdbdb; } /*底部选项卡css样式*/ .tabcontent .tabsingle ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } strong, b, em, i, cite { font-weight: 400; font-style: normal; } ol, ul, li, dl, dt, dd { list-style: none; } .tab .tabnav a:-webkit-any-link { color: -webkit-link; cursor: pointer; } li { display: list-item; text-align: -webkit-match-parent; } .tab .tabnav em { cursor: pointer; transition: all .2s; } .interlink { margin: 0 auto; width: 1200px; } .interlink .linktab { overflow: hidden; margin-bottom: 20px; font-size: 16px; line-height: 33px; text-align: center; } .interlink .linktab .tabnav{ height: 40px; width: 1200px; margin:0 auto; } .interlink .linktab em.current, .interlink .linktab em:hover, .interlink .linktab a:hover { background: #3291f9; border-color: #3291f9; color: #fff; } .interlink .linktab em{ text-align: center; float: left; width: 280px; height: 33px; margin-right: 12px; border: #f0f0f0 1px solid; } .interlink .linktab em>a { margin-right: 0; text-decoration: underline; color: black; } .tabcontent{ padding: 0; margin: 0; } .interlink .normallist { overflow: hidden; } .normallist { font-size: 16px; line-height: 36px; position: relative; } .normallist li { float: left; list-style: disc; color: #ccc; margin-left: 40px; margin-top: 20px; width: 16%; } /*头部导航新样式*/ .mt14{margin-top:14px;} .mr32{margin-right:32px;} .mr45{margin-right: 45px;} .col848{ color: #848898;} .col384{ color: #38455d;} .radius5{border-radius: 5px;} .my_miaoshou {z-index:1000;} .cqt_header { min-width: 1008px; /*border:1px solid red;*/ } .cqt_header{border-bottom: solid 1px #eee; padding:0;margin:0; overflow: hidden;} .cqt_container { width: 75%; margin:0 auto; } .clearfix { *zoom: 1; } .cqt_fl { float: left; } .cqt_mb2 {margin-bottom:-2px;} .cqt_logo_wrap{margin:30px 35px 14px 5px; } .cqt_searchbox { width:232px;height: 22px; line-height: 22px;padding:0 0 0 15px; color: #a6a8b5;margin-top: 9px; background: none;} .cqt_homenav {margin-left:40px} .cqt_homenav a { padding: 40px 14px 28px; margin:0 5px; display: inline-block; font-size: 19px; line-height: 22px;} .cqt_homenav a.active{ color: #0364d7; border-bottom:solid 2px #0364d8;} .cqt_down_wrap{ margin:7px 0 5px;} .cqt_qr_code { padding: 5px; border:solid 1px #eee;} .cqt_breadcrumb{color: #a6a8b5;height: 43px; line-height: 43px;border-bottom: solid 1px #eee;margin-top:3px;} .cqt_breadcrumb a{color: #38455d;} .logo_wrap img { width: 146px !important; height: auto !important; } .erweima-content { position: relative; /* width: 13%; */ /* height: 50px; */ /* margin-left:100px*/ float: right; } /* .erweima-wrapper { position: absolute; text-align: center; } */ /* .erweima-wrapper:first-of-type { right: 100px; } */ .erweima-content .erweima-text { color: #333; font-size: 12px; }