@charset "utf-8";
div,p,dl,dd,h1,h2,h3,h4,h5,h6,a,b,u,em,input,textarea,button,select,form,label,span,td,li,nav,footer,body,ul,i{padding:0;margin:0;}
body,td,input,textarea,option,select,button{font-family:verdana,arial,Microsoft Yahei,'宋体';font-size:14px;}
body { background:#fff; line-height:24px; color:#333c4e;}
html,body { height:100%;}
ul,li,ol {list-style:none;}
a {color:#333c4e;text-decoration:none;}
a:focus,a:active,a:hover,input,button,textarea{outline: none;}
a:hover { color:#f00; text-decoration:none;}
img { border:none;}
table{border-collapse:collapse;}
.clearfix:after { content:''; display:block; overflow:hidden; visibility:hidden; clear:both;}

#footer {padding:70px 0; border-top: 1px solid #ccc; background: #faf9f0; }
#footer h3 { font-weight:normal; text-align:center;padding-bottom:50px;font-size:38px; color:#6d6d6d;}
a.btn { display:block; width:209px; height:60px; margin:0 auto; background:url(../images/btn.png) no-repeat; text-indent:-9999em;}
a.btn:hover { background-position:0 -80px;}

#wrap { min-width: 1280px; margin: 0 auto; padding-bottom: 120px; }

.banner { position: relative; height: 400px; margin-bottom: 18px; background: url(../images/banner.png) center no-repeat;  }
.banner2 {height: 332px; background-image: url(../images/banner2.png);}
.banner .link { position: absolute; top: 214px; right: 260px; width: 200px; height: 56px; background: url(../images/btn.png) 0 0 no-repeat; }
.banner .link2 { position: absolute; top: 214px; right: 100px; /*right: 20px;*/ width: 224px; height: 56px; line-height: 56px; text-align: center; font-size: 22px; background-color: #FEFFFF; border-radius:8px; color: #2D4CCA; }
.banner .link3 { position: absolute; top: 214px; right: 28px; width: 224px; height: 56px; line-height: 56px; text-align: center; font-size: 22px; background-color: #FEFFFF; border-radius:8px; color: #2D4CCA; }

.section { margin-bottom: 70px; padding: 0 16px; }

.recent-title { position: relative; width: 1340px; height: 48px; margin: 0 auto 5px; padding-left: 63px; line-height: 48px; font-size:36px; font-family: 'Microsoft YaHei', arial;color: #0051CA;}
.recent-title:before { content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url(../images/lung2.png) 0 0 no-repeat; }
.more-wrap {position: relative; width: 1270px; margin: 0 auto;}
.more-wrap .more { position: absolute; right: 20px; top: -55px; width: 230px; height: 56px; background: url(../images/btn_view_detail.png) 0 0 no-repeat;}

.book-title { position: relative; width: 1340px; height: 48px; margin: 0 auto 36px; padding-left: 63px; line-height: 48px; font-size:36px; font-family: 'Microsoft YaHei', arial;color: #0051CA;}
.book-title:before { content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url(../images/book.png) 0 0 no-repeat; }

.tab-nav {zoom:1; width: 1277px; margin: 0 auto 33px; height: 32px; overflow: hidden;}
.tab-nav::after { content: ''; display: table; clear: both; }
.tab-nav li {float: left; width: 137px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; background-color: #F2F2F2; border: 1px solid #A1A1A1;border-radius:30px; color: #9B9B9B; cursor: pointer;}
.tab-nav li + li {margin-left: 27px;}
.tab-nav .current {background: #0051CA; border-color: #0051CA; color: #fff;}

.slider { display: none; position: relative; width: 1277px; height: 210px; margin: 0 auto 55px; overflow: hidden; }
.slider ul { position: absolute; left: 0; top: 0; zoom:1; width: 2000%; transition: .5s;}
.slider ul:after { content: ''; display: table; clear: both; }
.slider li { position: relative; float: left; position: relative; width: 310px; height: 210px; margin-right: 13px; background: #fafafa; overflow: hidden;}
.slider li:after {content: '';position: absolute; left: 0; bottom: 0; z-index: 1; height: 40px; width: 100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden;}
.slider .video-icon { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; background-color: #2431FF; border-radius: 50%; filter: alpha(opacity=80); opacity: 0.8;}
.slider .video-icon:after { content: ''; position: absolute; left: 27px; top: 16px; width: 0; height: 0; border-width: 16px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #fff; }
.slider a {white-space: nowrap;}
.slider a::before {content: '';display: inline-block;width: 1px;height: 210px;vertical-align: middle;}
.slider img { display: inline-block; vertical-align: middle; width: 100%; height: 100%;}
.slider video { width: 100%;}
.slider p {left: 10px; bottom: 0; z-index: 2; height: 40px; line-height: 40px; position: absolute; width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px;color: #fff;}
.slider .left {position: absolute; z-index: 10; left: 10px; top: 72px; width: 39px; height: 64px; background: url(../images/left.png) 0 0 no-repeat;cursor: pointer;}
.slider .right {position: absolute; z-index: 10; right: 10px; top: 72px; width: 39px; height: 64px; background: url(../images/right.png) 0 0 no-repeat;cursor: pointer;}

.content-more { height: auto ; padding-bottom: 60px; }
.content-more .ctn { position: relative; height: 446px; overflow: hidden; }
.content-more ul { position: relative; width: 110%; transition: none;}
.content-more ul::after { content: ''; display: table; clear: both; }
.content-more li { margin-bottom: 13px; }

.message-title { position: relative; width: 1340px; height: 48px; margin: 0 auto 20px; padding-left: 63px; line-height: 48px; font-size:36px; font-family: 'Microsoft YaHei', arial;color: #0051CA;}
.message-title:before { content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url(../images/message.png) 0 0 no-repeat; }
.richtext-wrap { position: relative; width: 1440px; margin: 0 auto; padding-bottom: 80px; overflow: hidden;}
.richtext { -webkit-text-size-adjust: none; position: relative; width: 1280px; margin: 0 auto; padding: 0 62px; overflow: hidden;}
.search-wrap {position: absolute; right: 100px; top: 20px; width: 177px; height: 32px; background: #fff; border: 1px solid #B6B6B6; border-radius: 34px;}
.search-wrap input {width: 150px; height: 32px; line-height: 28px; text-indent: 12px; background: none; border: none;}
.search-wrap .btn {position: absolute; top: 2px; right: 0; width: 28px; height: 28px; background: url(../images/search_icon.png) 0 0 no-repeat; cursor: pointer;}
.fake-item {margin-bottom: 22px;}
.show { position: absolute; left: 50%; bottom: 0; width: 1280px; margin-left: -640px; line-height: 50px; text-align: center; background: #fff; border-top: 1px solid #ddd; color: #999; cursor: pointer; }
.show:after { content: ''; display: inline-block; vertical-align: middle; width: 31px; height: 31px; margin-left: 10px; background: url('//m.cmcm.com/activity/pneumonia-check/includes/assets/e7743840da1b8d6aa977cd3628eacd26.png') 0 0 no-repeat;}
.txt-fake {position: relative; margin-bottom: 10px; line-height:24px; font-family: 'Microsoft YaHei', arial; font-size: 18px; font-weight: 700; color: #000;}
.txt-fake:after {content: ''; position: relative; top: 5px; display: inline-block; width: 50px; height: 25px; margin-left: 16px; background: url(../images/fake.png) 0 0 no-repeat;}
.txt-t { margin-bottom: 10px; line-height:24px; font-family: 'Microsoft YaHei', arial; font-size: 18px; font-weight: 700; color: #333;}
.txt { line-height:24px; font-family: 'Microsoft YaHei', arial; font-size: 18px; color: #707070;}

.way-title { position: relative; width: 1340px; height: 48px; margin: 0 auto 20px; padding-left: 63px; line-height: 48px; font-size:36px; font-family: 'Microsoft YaHei', arial;color: #0051CA;}
.way-title:before { content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; background: url(../images/way.png) 0 0 no-repeat; }

.btn-link {display: block; width: 285px; height: 83px; margin: 0 auto; background: url(../images/btn2.png) 0 0 no-repeat;}

.video-wrap { width: 1080px; margin: 0 auto; padding-bottom: 40px;}
.video-wrap h1 { height: 55px; margin-bottom: 30px; padding: 0 100px; line-height: 55px; border-bottom: 1px solid #E6E6E6; font-size: 22px; color: #3A4DFF;}
.video-wrap .logo { display: inline-block; vertical-align: middle; width: 28px; height: 27px; margin-right: 5px; background: url(../images/logo.png) 0 0 no-repeat; } 
.video-wrap .video {width: 880px; margin: 0 auto;}
.video-wrap .video p {line-height: 1.4; font-size: 20px; color: #45464D;}
.video-wrap video {width: 100%; max-height: 600px; margin-top: 10px; outline: none;}

.recent-wrap { margin-bottom: 20px; padding: 0 16px;}
.recent-wrap .time { width: 1270px; margin: 36px auto 16px;}
.recent-wrap .sub-time { width: 1330px; margin: 0 auto 33px; padding-left: 50px;}
.recent-wrap .sub-time .d {font-size: 16px;}
.recent-wrap .d {font-size: 24px; color: #666;}
.recent-wrap .d span {font-weight: 500; color: #333;}
.recent-wrap .d em {font-style: normal;}
.recent-num { zoom:1; /* display: flex; */ width: 1270px; margin: 0 auto; justify-content: center; align-items: center; padding-bottom: 30px; }
.recent-num:after {content: '';display: table; clear: both;}
.recent-num .icbar { float: left; width:310px; height: 190px; margin-right:4px; position: relative; text-align: center; }
.icbar.confirm{ background-color: #FFE5E5; }
.icbar.suspect{ background-color: #FFF7ED; }
.icbar.cure{ background-color: #F1F8F4; }
.icbar.dead{ background-color: #F8F8F8; }
.icbar.confirm .text{ background-color: #FFD9D9; color: #805050; }
.icbar.suspect .text{ background-color: #FFEED9; color: #8C6D49; }
.icbar.cure .text{ background-color: #DFEEE6; color: #547C71; }
.icbar.dead .text{ background-color: #EEEEEE; color: #808080; }
.icbar.confirm .add {border-bottom: 1px solid #FFCCCC;}
.icbar.suspect .add{border-bottom: 1px solid #FFE7CC;}
.icbar.cure .add {border-bottom: 1px solid #CEEAE2;}
.icbar.dead .add {border-bottom: 1px solid #E6E6E6;}
.recent-num .icbar:last-child { margin-right: 0; }
.recent-num .add { margin: 0 auto; padding: 12px 0; border-bottom: 1px solid #FFCCCC; color: #805050; font-size:24px; line-height: 24px; font-weight: 500; }
/* .recent-num.showAdd .add { display: block; }
.recent-num .suspect .add span{ position: relative; margin-right: 28px; display:inline-block; }
.recent-num .suspect .add span::before { content:'.'; display: block; font-size: 0; line-height:0; position: absolute; width: 24px; height: 24px; right: -28px; background:url(../img/icon_suspect_qs.png); background-size: 100% 100%; top: 50%; transform: translate(0,-50%); margin-top: -2px; } */
.recent-num .icbar:first-child:first-child{ border-radius: 12px 0 0 12px; }
.recent-num .icbar:first-child, .recent-num .icbar:first-child .text{ border-radius: 0 0 0 12px; }
.recent-num .icbar:last-child:last-child{ border-radius: 0 12px 12px 0; }
.recent-num .icbar:last-child, .recent-num .icbar:last-child .text { border-radius: 0 0 12px 0; }
.recent-num .icbar .number { font-size: 44px; margin-bottom: 8px; font-weight: 600; height: 84px; line-height: 84px; }
.recent-num.showAdd .icbar .number { height: auto; line-height: 46px; }
.recent-num .icbar .text { font-size: 24px; height: 50px; line-height: 50px; font-weight: 500; }

.recent-num .icbar.confirm .number, .recent-num .icbar.confirm .add span { color: #FF4D4D; }

.recent-num .icbar.suspect .number, .recent-num .icbar.suspect .add span { color: #FFA033; }

.recent-num .icbar.cure .number,.recent-num .icbar.cure .add span { color: #448D79; }

.recent-num .icbar.dead .number,.recent-num .icbar.dead .add span { color: #666666; }