html, body { margin: 0; padding: 0; } * { box-sizing: border-box !important; } ul, ol, li { list-style: none; /* overflow: hidden; */ } ul, li, p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } button { border: none; } a { cursor: pointer; } a:visited, a:active, a:focus, a:link { text-decoration: none; color: #fff; } select, input { outline: none; user-select: none; } /* banner */ .fd-banner { width: 100%; height: 500px; background-image: ; background-size: 100% 100%; background-repeat: no-repeat; } /* 学习重要思想 */ .fd-xxzysx { width: 1200px; margin: 0 auto; } .fd-xxzysx .xxzysx-title, .fd-xxzysx .xxzysx-title img { width: 1200px; margin: 10px 0px } .fd-xxzysx .xxzysx-inner { width: 1200px; } .fd-xxzysx .xxzysx-inner ul { width: 100%; overflow: hidden; } .fd-xxzysx .xxzysx-inner ul li { float: left; height: 80px; margin-bottom: 30px; } .fd-xxzysx .xxzysx-inner ul li:nth-child(2n) { float: right; } .fd-xxzysx .xxzysx-inner ul li:nth-child(2n-1) { float: left; } .fd-xxzysx .xxzysx-inner ul li:last-child { /* margin-bottom: 22px;*/ } .fd-xxzysx .xxzysx-inner ul li:nth-last-child(2) { /* margin-bottom: 22px; */ } .fd-xxzysx .xxzysx-inner ul li>.left { width: 46px; height: 80px; border-right: 1px solid #cdcdcd; float: left; padding: 0px 10px; font-family: alibabasans; font-size: 24px; } .fd-xxzysx .xxzysx-inner ul li>.left p:nth-child(2) { line-height: 1.3; padding-left: 10px; } .fd-xxzysx .xxzysx-inner ul li>.left p { line-height: 1; } .fd-xxzysx .xxzysx-inner ul li>.left p:nth-child(3) { color: #c9241d; } .fd-xxzysx .xxzysx-inner ul li>.right { width: 530px; float: left; padding-left: 10px; position: relative; } .fd-xxzysx .xxzysx-inner ul li>.right .title { font-size: 18px; color: #333333; line-height: 1; font-weight: bold; } .fd-xxzysx .xxzysx-inner ul li>.right .title:hover { color: #c9241d; } .fd-xxzysx .xxzysx-inner ul li>.right .centen { font-size: 18px; color: #c9241d; font-size: 14px; color: #666666; margin-top: 10px; line-height: 18px; } .fd-xxzysx .xxzysx-inner ul li>.right .urlxq { position: absolute; bottom: 0px; right: 2px; font-size: 14px; color: #c9241d; } /* 图片视频 */ .fd-tpsp { width: 100%; height: 380px; background-color: #f6f6f6; } .fd-tpsp .tpsp-centen { width: 1200px; height: 100%; margin: 0 auto; } .fd-tpsp .tpsp-centen .tpsp-title, .fd-tpsp .tpsp-centen .tpsp-title img { width: 1200px; margin: 20px 0px 10px 0px; } .fd-tpsp .tpsp-centen .tpsp-inner { width: 1200px; margin: 0 auto; } /* 交流探讨 */ .fd-jltt { width: 1200px; margin: 0 auto; } .fd-jltt .jltt-title, .fd-jltt .jltt-title img { width: 1200px; margin: 10px 0px; } .fd-jltt .jltt-inner { width: 100%; } .fd-jltt .jltt-inner ul { width: 100%; overflow: hidden; } .fd-jltt .jltt-inner ul li { width: 580px; float: left; height: 30px; line-height: 30px; border-bottom: 1px solid #eeeeee; } .fd-jltt .jltt-inner ul li:last-child, .fd-jltt .jltt-inner ul li:nth-last-child(2) { border-bottom: none } .fd-jltt .jltt-inner ul li:nth-last-child(2n-1) { float: left; } .fd-jltt .jltt-inner ul li:nth-last-child(2n) { float: right; } .fd-jltt .jltt-inner ul li a { width: 100%; height: 100%; } .fd-jltt .jltt-inner ul li a>.left { float: left; } .fd-jltt .jltt-inner ul li:hover a>.left>span:nth-child(2) { color: #da1010; } .fd-jltt .jltt-inner ul li:hover a>.left>span:nth-child(1) { background-color: #da1010; } .fd-jltt .jltt-inner ul li a>.left>span:nth-child(3) { position: relative; width: 30px; height: 19px; display: inline-block; margin-left: 3px; } .fd-jltt .jltt-inner ul li a>.left>span:nth-child(3)>img { position: absolute; top: 0px; } .fd-jltt .jltt-inner ul li a>.left>span:nth-child(2) { font-size: 14px; color: #333333; } .fd-jltt .jltt-inner ul li a>.left>span:nth-child(1) { display: inline-block; width: 2px; height: 2px; border-radius: 50%; background-color: #333333; vertical-align: middle; } .fd-jltt .jltt-inner ul li a>.right { float: right; font-size: 14px; color: #999999; } /* footer */ .footer { width: 100%; height: 121px; border-top: 6px solid #c9241d; font-size: 14px; color: #333333; text-align: center; margin-top: 40px; } .footer p:nth-child(1) { margin-top: 13px; } .footer p:nth-child(2) { margin-top: 7px; } .footer p:nth-child(2)>img { width: 15px; margin-left: 10px; margin-right: 2px; } .footer p:nth-child(3) { margin-top: 10px; } .fd-main-width { width: 1200px; margin: auto; } /* 专题3 */ .fd-zt3-banner { height: 493px; background: no-repeat center /100% 100%; } .fd-zt3-introduction { height: 241px; background: no-repeat center /100% 100%; margin-bottom: 30px; } /* 电影 */ .fd-zt3-movie { margin-bottom: 30px; } .fd-zt3-panel-title { height: 72px; margin-bottom: 30px; } .fd-zt3-movie .fd-zt3-panel-title { background: no-repeat center; } .fd-zt3-panel-title a { color: #d10001; font-size: 16px; font-weight: bold; line-height: 90px; float: right; } .fd-zt3-movie .fd-zt3-panel-content { height: 406px; } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-left { width: 724px; height: 100%; float: left; position: relative; } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-left > img { width: 100%; height: 100%; } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-left .fd-panel-shade { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .3); } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-left .fd-panel-shade .play { position: absolute; left: 307px; top: 148px; } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-left .fd-panel-shade .fd-panel-text { width: 100%; height: 46px; padding: 0 12px; line-height: 46px; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, .6); position: absolute; bottom: 0; font-weight: bold; } .fd-zt3-movie .fd-zt3-panel-content .fd-panel-right { width: 476px; height: 100%; float: right; } .fd-zt3-movie-item { width: 228px; height: 198px; margin-left: 10px; margin-bottom: 10px; background-color: #f7f8f9; float: left; position: relative; } .fd-zt3-movie-item > img { width: 100%; height: 128px; } .fd-zt3-movie-item .fd-panel-shade { width: 100%; height: 128px; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; } .fd-zt3-movie-item .fd-panel-shade .play { position: absolute; left: 96px; top: 46px; } .fd-zt3-movie-item p { font-size: 12px; line-height: 16px; color: #999999; padding: 0 11px; } .fd-zt3-movie-item .fd-zt3-movie-item-title { font-size: 14px; line-height: 26px; color: #333333; font-weight: bold; } /* 视频 */ .fd-zt3-video { margin-bottom: 30px; } .fd-zt3-video .fd-zt3-panel-title { background: no-repeat center; } .fd-zt3-video .fd-zt3-panel-content { height: 420px; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left { width: 480px; height: 100%; background-color: #f7f8f9; float: left; position: relative; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left > img { width: 100%; height: 360px; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left .fd-panel-shade { width: 100%; height: 360px; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .3); } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left .fd-panel-shade .play { position: absolute; left: 192px; top: 144px; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left p { font-size: 12px; color: #999999 ; line-height: 18px; padding: 0 11px; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-left .fd-panel-title { color: #d10001; font-size: 16px; line-height: 33px; font-weight: bold; } .fd-zt3-video .fd-zt3-panel-content .fd-panel-right { width: 720px; height: 100%; float: right; } .fd-zt3-video-item { width: 228px; height: 204px; margin-left: 12px; margin-bottom: 10px; background-color: #f7f8f9; float: left; position: relative; } .fd-zt3-video-item > img { width: 100%; height: 128px; } .fd-zt3-video-item .fd-panel-shade { width: 100%; height: 128px; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; } .fd-zt3-video-item .fd-panel-shade .play { position: absolute; left: 96px; top: 46px; } .fd-zt3-video-item p { font-size: 12px; line-height: 18px; color: #999999; padding: 0 11px; } .fd-zt3-video-item .fd-zt3-video-item-title { font-size: 14px; line-height: 28px; color: #333333; font-weight: bold; } /* 动漫 */ .fd-zt3-animations { margin-bottom: 30px; } .fd-zt3-animations .fd-zt3-panel-title { background: no-repeat center; } .fd-zt3-animations .fd-zt3-panel-content { height: 222px; } .fd-zt3-animations-item { width: 222px; height: 100%; float: left; position: relative; } .fd-zt3-animations-item:not(:last-of-type) { margin-right: 22px; } .fd-zt3-animations-item > img { width: 222px; height: 156px; } .fd-zt3-animations-item .fd-panel-shade { width: 100%; height: 156px; background-color: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; } .fd-zt3-animations-item .fd-panel-shade .play { position: absolute; left: 93px; top: 60px; } .fd-zt3-animations-item p { font-size: 12px; color: #999999; line-height: 18px; } .fd-zt3-animations-item .fd-zt3-animations-item-title { font-size: 14px; color: #333333; line-height: 30px; font-weight: bold; } /* 专题4 */ .fd-zt4-banner { height: 450px; background: no-repeat center /100% 100%; margin-bottom: 50px; } .fd-zt4-line1 { margin-bottom: 50px; } .fd-zt4-line1 .fd-zt4-panel-title { height: 132px; background: no-repeat center; margin-bottom: 8px; } .fd-zt4-line1 .fd-zt4-panel-content { height: 392px; } .fd-zt4-line1 .fd-zt4-panel-content .fd-panel-left { width: 675.6px; height: 100%; padding-top: 12px; float: left; position: relative; } .fd-zt4-line1 .fd-zt4-panel-content .fd-panel-left img { width: 100%; height: 100%; } .fd-zt4-line1 .fd-zt4-panel-content .fd-panel-left .fd-zt4-panel-text { width: 100%; height: 46px; padding: 0 12px; line-height: 46px; color: #fff; background-color: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; } .fd-zt4-line1 .fd-zt4-panel-content .fd-panel-right { width: 506px; height: 100%; overflow: hidden; float: right; } .fd-zt4-item { height: 135px; padding: 12px 0; border-bottom: 1px dashed #a4a4a4; } .fd-zt4-item img { height: 100%; width: 192px; } .fd-zt4-item .fd-zt4-item-text { width: 301px; height: 100%; float: right; } .fd-zt4-item .fd-zt4-item-text .fd-zt4-item-title { font-size: 16px; color: #333333; font-weight: bold; line-height: 20px; margin-bottom: 8px; } .fd-zt4-item .fd-zt4-item-text .fd-zt4-item-title:hover{ color: #1673dd; } .fd-zt4-item .fd-zt4-item-text p { font-size: 14px; color: #666666; line-height: 20px; max-height: 80px; overflow: hidden; } .fd-zt4-line2 { margin-bottom: 30px; } .fd-zt4-line2 .fd-zt4-panel-title { height: 132px; background: no-repeat center; } .fd-zt4-line2 .fd-zt4-panel-content { height: 435px; } .fd-zt4-line2-item { width: 580px; height: 100%; position: relative; } .fd-zt4-line2-item img:first-child { width: 100%; height: 100%; } .fd-zt4-line2-item .play { position: absolute; left: 242px; top: 170px; } .fd-zt4-line2-item .fd-zt4-line2-item-text { width: 100%; height: 46px; padding: 0 12px; background-color: rgba(0, 0, 0, .6); line-height: 46px; color: #ffffff; position: absolute; left: 0; bottom: 0; } /* 专题5 */ .fd-zt5-banner { height: 370px; background: no-repeat center /100% 100%; margin-bottom: 20px; } .fd-zt5-line1 { height: 348px; margin-bottom: 28px; } .fd-zt5-line1 .fd-panel-left { width: 676px; height: 100%; float: left; } .fd-zt5-line1 .fd-panel-right { width: 505px; height: 100%; float: right; } .fd-zt5-line1 .fd-panel-right .fd-panel-title { background-image: ; } .fd-zt5-line1 .fd-panel-right .fd-zt5-line1-title { font-size: 20px; color: #dc0607; line-height: 40px; font-weight: bold; } .fd-zt5-line1 .fd-panel-right .fd-zt5-line1-text { font-size: 16px; color: #666666; line-height: 24px; text-indent: 32px; margin-bottom: 12px; } /* fd-panel-list样式 */ .fd-panel-list li { height: 36px; line-height: 36px; } .fd-panel-list li:not(:last-child) { border-bottom: 1px solid #eeeeee; } .fd-panel-list li a { display: inline-block; max-width: calc(100% - 80px); color: #333333; font-size: 14px; white-space: nowrap; overflow: hidden; } .fd-panel-list li a::before { content: "·"; margin-right: 4px; } .fd-panel-list li a.new::after { content: ; margin-left: 4px; position: relative; top: 2px; } .fd-panel-list li a:hover { color: #cb0f0f; } .fd-panel-list li span { font-size: 14px; color: #999999; float: right; } /* 专题5 line1 右侧列表 */ .fd-zt5-line1 .fd-panel-right .fd-panel-list li { height: 32px; line-height: 32px; } .fd-zt5-line1 .fd-panel-right .fd-panel-list li a { color: #333333; } .fd-zt5-line1 .fd-panel-right .fd-panel-list li a:hover { color: #cb0f0f; } .fd-zt5-line2, .fd-zt5-line4, .fd-zt5-line5 { height: 364px; margin-bottom: 28px; } .fd-zt5-line2 .fd-panel-left .fd-panel-title { background-image: ; } .fd-zt5-line2 .fd-panel-right .fd-panel-title { background-image: ; } .fd-zt5-line3 { height: 377px; margin-bottom: 28px; } .fd-zt5-line3 .fd-panel-title { background-image: ; margin-bottom: 17px; } .fd-zt5-line3-item { width: 590px; height: 80px; float: left; margin-bottom: 21px; } .fd-zt5-line3-item:nth-of-type(odd) { margin-right: 20px; } .fd-zt5-line3-item img { width: 105px; height: 80px; } .fd-zt5-line3-item .fd-zt5-line3-item-text { width: calc(100% - 125px); margin-top: -8px; float: right; } .fd-zt5-line3-item .fd-zt5-line3-item-text .fd-zt5-line3-item-title { font-size: 18px; line-height: 27px; color: #cb0f0f; font-weight: bold; } .fd-zt5-line3-item .fd-zt5-line3-item-text .fd-zt5-line3-item-title span { color: #999999; font-size: 14px; float: right; font-weight: normal; } .fd-zt5-line3-item .fd-zt5-line3-item-text p { font-size: 14px; line-height: 18px; color: #333333; margin-top: 5px; max-height: 54px; overflow: hidden; } .fd-zt5-line4 .fd-panel-left .fd-panel-title { background-image: ; } .fd-zt5-line4 .fd-panel-right .fd-panel-title { background-image: ; } .fd-zt5-line5 .fd-panel-left .fd-panel-title { background-image: ; } .fd-zt5-line5 .fd-panel-right .fd-panel-title { background-image: ; } /* 专题6 */ .fd-zt6-banner { height: 575px; background: no-repeat center /100% 100%; margin-bottom: 30px; } .fd-zt6-line2 { height: 372px; background-color: #f6f6f6; padding-top: 15px; margin-bottom: 30px; } .fd-zt6-line2 .fd-panel-title { background-image: ; } .fd-zt6-line2-item { width: 280px; height: 256.5px; float: left; } .fd-zt6-line2-item:not(:last-of-type) { margin-right: 26.6px; } .fd-zt6-line2-item img { width: 100%; height: 204px; margin-bottom: 13.5px; } .fd-zt6-line2-item p { display: inline-block; font-size: 14px; line-height: 20px; color: #272727; max-height: 40px; } .fd-zt6-line3 { height: 236px; } .fd-zt6-line3 .fd-panel-left .fd-panel-title { background-image: ; } .fd-zt6-line3 .fd-panel-right .fd-panel-title { background-image: ; } .fd-panel-list{ border-bottom: 1px solid #eeeeee; }