.mt-content-percent { margin-top: -58%!important; } /** 头条关注 */ .toutiao { width: 100%; height: 600px; background: #ffffff; position: relative; z-index: 2; padding: 35px 20px 80px 20px; display: flex; justify-content: space-between; } .toutiao .con-left-part { width: 864px; height: 487px; } .toutiao .con-right-part { width: 360px; height: 487px; } .toutiao .con-right-part li{ padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; } .toutiao .con-right-part li:nth-child(1) { padding-top: 0px; } .toutiao .con-right-part li:nth-child(7) { padding-bottom: 0px; border-bottom: none; } .toutiao .con-right-part li a{ font-size: 20px; color: #333333; } .toutiao .more { display: inline-block; color: #d0121b; background: no-repeat right center; padding-right: 25px; position: absolute; right: 20px; bottom: 25px; } .toutiao .toutiao-swiper { position: relative; } .toutiao .swiper-button-prev { display: inline-block; width: 44px; height: 70px; position: absolute; left: 0px; top: 50%; margin-top: -35px; } .toutiao .swiper-button-next { display: inline-block; width: 44px; height: 70px; position: absolute; right: 0px; top: 50%; margin-top: -35px; } .toutiao .swiper-button-prev:after { content: ''; } .toutiao .swiper-button-next:after { content: ''; } /*主题教育*/ .ztjy { margin-top: -20px; width: 100%; /* height: 785px; background: no-repeat;*/ padding: 0px 0px 15px 0px; position: relative; } .ztjy .swiper-button-prev { display: inline-block; position: absolute; left: -70px; top: 390px; width: 44px; height: 90px; } .ztjy .swiper-button-next { display: inline-block; position: absolute; right: -70px; top: 390px; width: 44px; height: 90px; } .ztjy .swiper-button-prev:after { content: ''; } .ztjy .swiper-button-next:after { content: ''; } .ztjy-swiper .sub-row{ position: relative; margin-top: 30px; } /* .ztjy-swiper .sub-column{ position: absolute; bottom:0; } */ .title_xydt{ margin-top: -30px; } .sub-image-content .img-bottom-title{ /* height: 80px; */ position: absolute; bottom:0; width: 100%; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.5)); } .sub-image-content .img-bottom-title a{ color: #fff; } /*tab切换模块*/ .nav-container { background: #feefd4; width: 770px; /* border-top: 1px solid #d25e55; */ line-height: 55px; display: flex; margin-top: 80px; margin-bottom: 50px; position: relative; margin-left: auto; margin-right: 15px; transform: skew(335deg, 0deg); } .nav-container .nav-item { width: 25%; text-align: center; font-size: 24px; font-weight: bold; position: relative; cursor: pointer; } /* 字体扶正 */ .nav-container .nav-item .nav-item-title { transform: skew(203deg); } .nav-container .nav-item.focus { color: #ffffff; background: #d25e55; } .nav-container .nav-item:before { content: ""; position: absolute; right: 0; top: 15px; bottom: 15px; width: 1px; background-color: #d25e55; } .nav-container .nav-item:nth-child(4):before { width: 0px; } .nav-part-content .con-left-part { width: 435px; height: 475px; background: #fffdf4; padding: 72px 52px 30px 40px; } .nav-part-content .con-left-part .part-title { font-size: 22px; font-weight: bold; border-bottom: 1px solid #a2a2a2; padding-bottom: 37px; } .nav-part-content .con-left-part .part-content { font-size: 18px; margin-top: 32px; letter-spacing: 1px; line-height: 27px; text-align: justify; } .nav-part-content .con-left-part .more { display: inline-block; color: #d0121b; background: no-repeat right center; padding-right: 25px; position: absolute; right: 0px; bottom: 0px; } .nav-part-content .con-left-part .part-bottom { height: 20px; position: relative; margin-top: 146px; } .nav-part-content .con-right-part { width: 845px; height: 475px; } .nav-part-content .three-items { } .nav-part-content .three-items .part-item { width: 408px; height: 505px; background: #fffdf4; display: flex; flex-direction: column; position: relative; } .nav-part-content .three-items .item-img { width: 408px; height: 240px; } .nav-part-content .three-items .split-line { width: 350px; height: 1px; background: #ae200c; margin: 20px auto 25px auto; } .nav-part-content .three-items .part-item .item-title { padding-left: 20px; padding-right: 20px; font-size: 20px; font-weight: bold; } .nav-part-content .three-items .part-item .item-content { height: 100px; padding-left: 20px; padding-right: 20px; margin-top: 20px; font-size: 16px; color: #323333; line-height: 25px; text-align: justify; } .nav-part-content .three-items .part-item .part-bottom { height: 20px; position: relative; } .nav-part-content .three-items .part-item .more { display: inline-block; color: #d0121b; background: no-repeat right center; position: absolute; right: 30px; bottom: 20px; width: 18px; height: 12px; } /*图片加红色边框*/ .sub-image-border { padding: 10px; border: 1px solid #c01920; border-radius: 20px; } /*影像兴业*/ .yxxy .img-title-ext { background: none; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5),rgba(0,0,0,0.8)); width: 313px; margin-left: 10px; margin-bottom: 10px; padding-top: 5px; } .yxxy-right-part { display: flex; flex-direction: column; width: 551px; } .yxxy-right-part .part-title { font-weight: bold; font-size: 20px; line-height: 50px; background: #ffffff; padding: 0 35px; text-align: left; } .yxxy-right-part .part-content { font-size: 14px; background: #ffffff; line-height: 25px; height: 57px; padding: 0 35px; }