/* 公共样式 */ * { margin: 0; padding: 0; font-family: "微软雅黑"; color: #444; } body { background: #f3f3f3 none repeat 0 0; } ul, li, dl, dt, dd { list-style: none; } a { text-decoration: none; color: #000; } .clearfix:after { /*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ } .ydnav { display: none; } @media screen and (min-width: 760px) { .zuo { width: 150px; display: flex; align-items: center; } .zuo a { margin-left: 20px; } .zhong { display: flex; align-items: center; width: calc(100%-270px); } .saishi-1 { width: 200px; } } .containers { width: 1200px; margin: 0 auto; padding: 0; margin-top: 20px; display: flex; flex-direction: column; } .panel { box-sizing: border-box; padding: 15px; background: #fff; box-shadow: 0 1px 52px 0 rgb(0 0 0 / 5%); margin-bottom: 20px; } .panel-hd { display: flex; align-items: center; padding-bottom: 0.5rem; border-bottom: solid 1px #d3d3d3; height: 30px; } .hdt { flex: 1; font-size: 1.2rem; font-weight: 700; } .panel-bd { flex: 1; padding: 15px 0 20px 0; } .zb-zzk-list { display: flex; flex-wrap: wrap; } .zb-zzk-list li { margin: 0 10px 10px 0; } .zb-zzk-list li a { display: inline-block; color: #172b4c; padding: 2px 10px; background: #dedede; border-radius: 5px; text-decoration: none; } .ellipsismore { display: -webkit-inline-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .ulTitle_a { clear: both; width: 100%; display: block; } .ulTitle_a img { float: left; } .ulTitle_p_zixun { line-height: 24px; float: left; width: calc(100% - 130px); margin-left: 10px; display: block; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; /* autoprefixer: on */ -webkit-line-clamp: 2; word-break: break-all; /*追加这一行代码*/ } .goTop { width: 50px; height: 50px; position: fixed; right: calc(calc(calc(100% - 1200px) / 2) - 100px); bottom: 200px; z-index: 55; cursor: pointer; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .goTop img { width: 40px; } .main-wp { width: 1200px; margin: 0 auto; } .main { margin-top: 80px; } .top { width: 100%; height: 70px; line-height: 70px; color: #16161a; background: #fff; position: fixed; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 10; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } .logo { width: 260px; font-size: 20px; line-height: 70px; font-family: FZShangKuS-R-GB-Regular, FZShangKuS-R-GB; height: 70px; display: flex; align-items: center; } .logo h1 { display: flex; align-items: center; } .logo img { width: 100%; object-fit: contain; height: 60px; vertical-align: top; } .ul-wp { display: flex; align-items: center; flex-shrink: 0; width: 940px; } .ul-wp > div { position: relative; height: 70px; line-height: 70px; } .navList { position: relative; height: 70px; line-height: 70px; padding: 0 15px; display: block; color: #16161a; transition: all 0.1s; border-bottom: 3px solid transparent; } .ul-wp_tab { margin-left: 20px; } .ul-wp_tab:nth-of-type(1) { margin-left: 0; } .ul-wp_tab:hover .navList { color: #009688; border-bottom: 3px solid #009688; } .ul-wp > div:hover .navList { color: #009688; background-color: #fff; } .ul-wp_tab_classify { position: absolute; width: auto; min-width: 120px; height: auto; min-height: 100px; background-color: #fff; z-index: 11; top: 72px; left: 50%; padding: 0 5px; transform: translate(-50%, 0); display: none; border-radius: 8px; box-shadow: 3px 3px 6px -1px #e0e0e0; transition: All 0.2s ease-out; -webkit-transition: All 0.2s ease-out; -moz-transition: All 0.2s ease-out; -o-transition: All 0.2s ease-out; } .ul-wp_tab_classify > div { line-height: 25px; padding: 10px 10px; text-align: center; width: auto; min-width: 120px; } .ul-wp_tab_classify > div a { font-size: 18px; display: inline-block; white-space: nowrap; width: auto; min-width: 120px; } .ul-wp > div img.down { position: absolute; display: block; right: -5px; z-index: 1; top: 50%; transform: translateY(-50%); transition: transform 0.2s ease-out; -webkit-transition: All 0.2s ease-out; -moz-transition: All 0.2s ease-out; -o-transition: All 0.2s ease-out; width: 15px; height: 15px; object-fit: contain; } .ul-wp_tab:hover .ul-wp_tab_classify { display: block; } .ul-wp_tab:hover img.down { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); } .ul-wp > div a.navList { font-size: 18px; position: relative; } /*.ul-wp>div:nth-child(1) {*/ /* margin-left: 34px;*/ /*}*/ /*.ul-wp .ul-wp_tab:nth-child(1) {*/ /* margin-left: 34px;*/ /*}*/ .actHdborder { color: #009688; border-bottom: 3px solid #009688; } .actBc { background-color: #f8eef0; } .flex { display: flex; flex-shrink: 0; justify-content: space-between; } .qdxq { background: url(../images/qdxq.png) no-repeat; background-size: 100% 100%; width: 100%; height: 72px; display: flex; align-items: center; } .qdxq img { width: 51px; height: 51px; object-fit: contain; } .left-main1 { width: 780px; } .lxsp-box { width: 100%; display: flex; } .lxsp { width: 50%; height: 48px; background: #a5a5a5; text-align: center; line-height: 48px; color: #fff; cursor: pointer; } .ztz_fllieb { width: 100%; padding: 30px; box-sizing: border-box; display: none; } .ztz_fllieb a { display: inline-block; width: 100%; height: 100%; } #test2 { display: none; } .ztz_fllieb li { /*width: 94px;*/ width: calc(20% - 36px); height: 105px; border-radius: 4px; border: 1px #eee solid; text-align: center; display: inline-block; margin: 0 15px 30px; } .ztz_fllieb li span { display: block; height: 72px; overflow: hidden; } .ztz_fllieb li img { width: 60px; height: 60px; object-fit: contain; padding-top: 8px; transition: all 0.5s; } .ztz_fllieb > li:hover img { transform: scale(1.08); } .ztz_fllieb .ztz_dwmc { color: #666; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .botm { padding: 10px 0 30px; width: 100%; /* height: 266px; */ background: #212224; border-radius: 0px 0px 0px 0px; opacity: 1; margin-top: 30px; } .botm1 { width: 100%; height: 30px; display: flex; align-items: center; } .botm1 h3 { font-size: 16px; color: #fff; font-weight: 600; } .botm1-ul { display: flex; align-items: center; } .botm1-ul li a { margin-left: 30px; color: #8d93a1; } .botm2-ul a { color: #8d93a1; display: inline-block; padding: 10px 0; margin-right: 20px; font-size: 14px; } .botm2 { width: 100%; min-height: 80px; height: auto; padding: 10px 0px; border-bottom: solid 1px #161617; margin-top: 10px; } .botm3 { width: 100%; /* height: 60px; */ margin-top: 10px; } .botm3 p { color: #8d93a1; font-size: 12px; text-align: center; margin-top: 5px; } .botm3 p a { color: #8d93a1; font-size: 12px; line-height: 30px; margin: 0 5px; } .search_classify { margin: 20px 0; padding: 20px 15px; } .search_classify > span { width: 100%; margin-bottom: 10px; color: #444; display: flex; align-items: center; font-size: 16px; } .search_classify > span:last-child { margin-bottom: 0; } .search_classify a { color: #009688; display: inline-block; width: 86%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .box { display: flex; justify-content: space-between; flex-shrink: 0; margin-top: 16px; width: 100%; } .box-1 { margin-top: 16px; width: 100%; } .carousel { width: 52%; height: 328px; position: relative; overflow: hidden; } .jijin a { display: block; height: 48px; line-height: 48px; display: flex; justify-content: space-between; border-bottom: 1px solid #eef3f8; margin: 0 10px; } .jijin li:hover p { color: #009688; } .jijinBox { display: flex; align-items: center; padding: 10px 0; } .jijinBox img { width: 56px; height: 56px; object-fit: contain; margin-left: 20px; } .jijinTitle { padding-top: 10px; padding-left: 20px; } .jijinInfo { padding: 10px 20px 20px 20px; } .jijin span { color: #999999; font-size: 14px; } .jijin #qwe span { width: 150px; } .jijin #qwe p { width: calc(100% - 160px); margin-right: 10px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .left-box { background: #fff; } .rightsai { background: #fff; box-sizing: border-box; padding: 20px; width: calc(100% - 200px); } .martop { margin-top: 16px; } .qdzx1 { width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #eef3f8; font-weight: 600; margin-top: -15px; font-size: 16px; padding-top: 2px; position: relative; } .yuan { min-width: 4px; height: 4px; background: #959595; border-radius: 50%; margin: 0 7px; } .qdzx1::after { position: absolute; width: 3px; height: 20px; background: #009688; border-radius: 0px 0px 0px 0px; opacity: 1; content: ""; left: -20px; top: 16px; } .qdzx1 span { color: #2d3137; font-size: 16px; } .qdzx { width: 137px; height: 26px; line-height: 26px; background: url(../images/navback.png) no-repeat right; color: #fff; font-weight: 700; } .qdzx span { margin-left: 13px; color: #fff; font-weight: 800; } .qdzx1 { width: 100%; height: 48px; line-height: 48px; border-bottom: 1px solid #eef3f8; font-weight: 600; margin-top: -15px; font-size: 16px; } .xian { width: 100%; height: 46px; display: flex; justify-content: space-between; border-bottom: 1px solid #dce1e6; box-sizing: border-box; padding: 10px; } .ul-zxsp li { height: 142px; margin-top: 15px; cursor: pointer; border-bottom: 1px solid #eef3f8; flex-shrink: 0; } .ul-zxsp li:nth-child(1) { margin-top: 0; } .ul-zxsp li a { margin-top: 16px; display: flex; } .ul-zxsp li img { width: 184px; height: 125px; margin-left: 10px; border-radius: 4px; } .ul-zxsp1 li { height: 88px; display: flex; justify-content: space-around; align-items: center; cursor: pointer; } .ul-zxsp1 li:hover .right-u-zxsp > p { color: #009688; } .ul-zxsp1 li a { display: flex; justify-content: space-around; align-items: center; } .ul-zxsp li:hover .right1-u-zxsp > p { color: #009688; } .right-u-zxsp { margin-left: 10px; height: 88px; } .right1-u-zxsp p { font-size: 16px; font-weight: 600; width: 570px; height: 20px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tws { width: 240px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .layui-btn-group { margin-left: 0 !important; display: flex !important; justify-content: center; } .tags { margin: 20px 0; margin-top: 0; display: flex; flex-wrap: wrap; width: 100%; overflow: hidden; } .tags a { margin-right: 15px; margin-top: 20px; padding: 8px 15px; background: #f3f4f7; line-height: 20px; border-radius: 6px; } .tags a:hover { color: #009688; } .tags strong { font-weight: 600; margin-right: 5px; vertical-align: middle; color: #009688; } .tags_list { width: 100%; padding: 30px 20px; overflow: hidden; box-sizing: border-box; } .tags_list .tags_ba a { padding: 10px 20px; margin-right: 15px; border: 1px #eee solid; border-radius: 4px; text-align: center; display: inline-block; margin-bottom: 20px; } .tags_list .tags_ba a:hover { color: #c60100; border-color: #c60100; } .right-u-zxsp span { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; margin-bottom: 6px; } .padd { padding: 30px; } .right1-u-zxsp { margin-left: 10px; height: 125px; } .tws1 { width: 570px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 14px; margin-bottom: 29px; } .fy { display: flex; align-items: center; justify-content: space-between; margin-top: 17px; } .fy1 { max-width: 400px; box-sizing: border-box; padding: 20px; } .fy1 a { color: #ef0166; } .fy1 P { margin-top: 15px; font-weight: 600; word-break: break-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .fy div { width: 380px; /*height: 100px;*/ background-color: #fff; } .tws2 { width: 538px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 14px; margin-bottom: 29px; } .right1-u-zxsp span { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; color: #999999; } .box-w1 { width: 780px; overflow: hidden; box-sizing: border-box; } .box-w2 { width: 400px; /* max-height: 356px; padding: 20px; overflow: hidden; */ } .jcjj li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; padding: 10px; } .jcjj li:first-child { margin-top: 5px; } .jcjj li:last-child { /* margin-bottom: 12px; */ } .jcjj1 li { height: 38px; line-height: 38px; width: 296px; background: #f1f3f5; margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; margin-left: 12px; } .jcjj1 li span { color: #5c6166; margin-left: 10px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rmhf li { height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; font-size: 14px; text-overflow: ellipsis; } .qh { font-size: 14px; margin-right: 4px; } .qh span { color: #707070; margin-right: 7px; } .rdzbbh { height: 90px; overflow: hidden; line-height: 40px; background: #f3f4f7; border-radius: 4px 4px 4px 4px; font-size: 14px; margin-top: 10px; padding: 15px 20px 30px 15px; color: #fff; background: url(../images/rdzbbh.png) no-repeat center; display: none; } .rdzbbh2 { height: 40px; line-height: 40px; background: #f3f4f7; border-radius: 4px 4px 4px 4px; font-size: 14px; margin-top: 16px; overflow: hidden; } .rdzbbh4 { display: flex; } .rdzbbh2 .rdzbbh4 > div:nth-child(1) { color: #ef0166; margin-left: 20px; font-weight: 600; } .rdzbbh2 .rdzbbh4 > div:nth-child(2) { color: #707070; margin-left: 10px; } .rdzbbh2 .rdzbbh4 div:nth-child(3) { display: flex; width: 180px; color: #707070; margin-left: 10px; } .divEllipsis { color: #707070; max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rdzbbh1 { display: flex; align-items: center; justify-content: space-around; color: #fff; text-align: center; } .rdzbbh1 p { color: #fff; } .rdzbbh1 img { width: 33px; height: 33px; } .aw { display: flex; align-items: center; justify-content: space-around; color: #fff; text-align: center; } .rdzbbh1 a { color: #fff; } .grayline { margin-top: 10px; border-bottom: 1px solid #eef3f8; width: 100%; } .timeLive { margin-left: 20px; position: relative; font-size: 18px; font-weight: 600; color: #373737; } .timeLive::before { content: ""; position: absolute; left: -40px; top: 5px; width: 3px; height: 16px; background-color: #009688; } .timeLive1 { margin-left: 10px; position: relative; font-size: 16px; font-weight: 600; color: #373737; } .headline { position: relative; font-size: 16px; font-weight: 600; color: #fff; padding: 15px; background-color: #009688; } .headline div{ color: #fff; } .timeLive1::before { content: ""; position: absolute; left: -30px; top: 5px; width: 3px; height: 16px; background-color: #009688; } .imgSize { width: 120px; height: 76px; border-radius: 4px; } .jijinSpanwidth { width: 94px; } .baga { background-color: #fff !important; } .marBtm20 { margin-bottom: 20px; } .box-outside { min-height: 40px; padding: 20px; } .ulTitle { width: 48%; padding-left: 10px; box-sizing: border-box; } .ulTitle li { padding: 10px 2px 6px 0; width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .moreA { width: 40px; } .moreA a { display: block; } .rli-new a { display: flex; } .nodata img { width: 780px; } .right-u-zxsp p { font-size: 16px; font-weight: 400; color: #333333; width: 240px; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* ****************** */ .w1200 { width: 1200px; margin: 0 auto; } .ActBrcolor1 { border-bottom: 3px solid #c60100 !important; } .livesource { display: flex; justify-content: center; } .livesource > li { position: relative; color: #fff; height: 32px; line-height: 32px; margin: 20px 10px; font-size: 16px; padding: 0 18px 0 32px; background-color: red; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .livesource > li::before { content: ""; position: absolute; top: 11px; left: 16px; width: 12px; height: 12px; background: url(../images/livesource.png) no-repeat center center/100% 100%; } .gmliveBtm { position: absolute; bottom: 0px; height: 50px; line-height: 50px; width: 100%; background: linear-gradient(to top, #151a1159, #151a1159); display: flex; justify-content: center; } .gmliveBtmLi { cursor: pointer; } .gmliveBtm li:nth-child(1) { margin-right: 100px; padding: 0 20px; color: #fff; } .gmliveBtm li:nth-child(2) { margin-left: 100px; padding: 0 20px; color: #fff; } /* 最新资讯 */ .newinfoBox { display: flex; flex-direction: column; align-items: center; } .newinfoBox h3 { text-align: center; } .newinfo { display: flex; flex-wrap: wrap; padding: 10px; } .newinfo img { width: 192px; height: 108px; border-radius: 4px; margin-right: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .newinfo li { width: 590px; display: flex; font-size: 18px; } .newinfoDiv { padding: 4px 0; } .newinfoDiv > p:nth-child(1) { margin-bottom: 20px; width: 350px; } .newinfoDiv p:nth-child(2) { font-size: 14px; color: #999; } .bRadius { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .classfiy_conturn { background: #fff; width: 100%; margin: 10px 0 10px; padding: 10px; box-sizing: border-box; } .classfiy_conturn .fl { float: left; width: 95%; display: flex; flex-wrap: wrap; height: 45px; overflow: hidden; } .classfiy_conturn .fl img { width: 20px; height: 20px; object-fit: cover; vertical-align: sub; } .classfiy_conturn .fl a { margin: 10px 15px; line-height: 25px; } .classfiy_conturn .fr { float: right; margin: 10px 10px; line-height: 25px; } .saitit { padding: 10px; box-sizing: border-box; margin-top: 20px; } .saitit p { margin-bottom: 5px; font-size: 16px; } /* .saitit p:nth-child(4),.saitit p:nth-child(5){ text-indent: 20px; } */ .saitit p strong { font-size: 16px; } .main-liveing { display: flex; justify-content: space-between; } .main-liveing > div { width: 49%; } .main-liveing > div > div { width: 100%; } .swiperliving { width: 100%; height: 222px; margin-top: 10px; overflow: hidden; padding-bottom: 10px !important; background-color: #fff; } .swiperliving h3 { height: 40px; line-height: 40px; padding-left: 20px; position: relative; font-size: 18px; font-weight: 600; color: #373737; border-bottom: 1px solid #f3f3f3; } .swiperliving h3::before { content: ""; position: absolute; left: 2px; top: 12px; width: 3px; height: 16px; background-color: #c60100; } .swiperliving .swiper-slide { border-right: 1px solid #f3f3f3; } .swiperliving .swiper-slide:last-child { border-right: none; } .swiperliving .swiper-wrapper { height: 152px; border-bottom: 1px solid #f3f3f3; } .swiperliving .slide-ul { width: 290px; height: 152px; background-color: white; text-align: center; padding: 10px; box-sizing: border-box; } .swiperliving .livemore { text-align: center; margin: 10px 0; padding-bottom: 10px; } .swiperliving .slide-top { display: flex; justify-content: space-between; } .swiperliving .slide-gk { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-shrink: 0; } .swiperliving .slide-top-1 { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; text-align: left; } .swiperliving .slide-top-2 { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; } .swiperliving .slide-top-1 p { color: #8a8d94; } .swiperliving .slide-top-1 p:nth-child(1) { margin-top: 3px; } .swiperliving .slide-top-1 p:nth-child(2) { margin-top: 8px; } .swiperliving .slide-top-2 img { width: 14px; height: 10px; } .swiperliving .slide-top-2 span { color: #7b7e86; } .swiperliving .slide-gk img { width: 48px; height: 48px; object-fit: contain; } .swiperliving .slide-sai p:nth-child(1) { font-weight: 600; font-size: 16px; } .swiperliving { width: 100%; height: 222px; margin-top: 10px; overflow: hidden; padding-bottom: 10px !important; background-color: #fff; } .swiperliving h3 { height: 40px; line-height: 40px; padding-left: 20px; position: relative; font-size: 18px; font-weight: 600; color: #373737; border-bottom: 1px solid #f3f3f3; } .swiperliving h3::before { content: ""; position: absolute; left: 2px; top: 12px; width: 3px; height: 16px; background-color: #c60100; } .swiperliving .swiper-slide { border-right: 1px solid #f3f3f3; } .swiperliving .swiper-slide:last-child { border-right: none; } .swiperliving .swiper-wrapper { height: 152px; border-bottom: 1px solid #f3f3f3; } .swiperliving .slide-ul { width: 290px; height: 152px; background-color: white; text-align: center; padding: 10px; box-sizing: border-box; } .swiperliving .livemore { text-align: center; margin: 10px 0; padding-bottom: 10px; } .swiperliving .slide-top { display: flex; justify-content: space-between; } .swiperliving .slide-gk { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; flex-shrink: 0; } .swiperliving .slide-top-1 { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; text-align: left; } .swiperliving .slide-top-2 { font-size: 12px; font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-weight: 400; } .swiperliving .slide-top-1 p { color: #8a8d94; } .swiperliving .slide-top-1 p:nth-child(1) { margin-top: 3px; } .swiperliving .slide-top-1 p:nth-child(2) { margin-top: 8px; } .swiperliving .slide-top-2 img { width: 14px; height: 10px; } .swiperliving .slide-top-2 span { color: #7b7e86; } .swiperliving .slide-gk img { width: 48px; height: 48px; object-fit: contain; } .swiperliving .slide-sai p:nth-child(1) { font-weight: 600; font-size: 16px; } @media screen and (max-width: 768px) { .wp { width: 100%; overflow: hidden; } .containers { width: 100% !important; margin: 0 !important; padding: 0 !important; } .panel { margin: 10px 0; } .top { display: none; } .ydnav { display: block; } .flex { flex-direction: column; } .bw { width: 100%; } .lanqiu-ul { display: flex; align-items: center; flex-direction: row; width: 95%; overflow: auto; box-shadow: 0px 2px 5px 3px #ccc; margin: 10px; border-radius: 5px; } .main { width: 100%; margin-top: 50px; } .lanqiu-ul li { padding-left: 15px; height: 36px; line-height: 36px; } .lanqiu-ul li img { display: none; } .rightsai { width: 100%; /* margin:10px; */ padding: 0; /* background-color: #fff; height: 2.2rem; */ /* box-sizing: border-box; padding: .2rem; display: flex; justify-content: space-around; text-align: center; border-bottom: 1px solid #f7f7f7; */ } .rli { margin: 0; display: flex; justify-content: space-around; height: 120px; padding: 0 10px; } .saishi p { padding-left: 0; } .saishi-4 { width: 80px; margin-top: 0; } .saishi-4 a { font-size: 12px; display: flex; align-items: center; justify-content: center; } .saishi-4 img { width: 10px !important; margin-right: 5px !important; } .zhong { display: flex; align-items: center; width: 57%; } .zuo { width: 70px; display: flex; flex-direction: column; justify-content: center; } .zuo a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .saizhu, .saike, .saishi-2 { text-align: center; } .saizhu, .saike { display: flex; flex-direction: column; } .saizhu img { order: -1; } .saishi-2 { width: 25px; font-size: 14px; } .saishi-1 { width: 45%; } .saishi-1 span { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-wp { width: 100%; margin-top: 0 !important; } #bread { padding-left: 10px; background: #fff; } .lanqiu p { text-align: left; padding-left: 20px; height: 35px; line-height: 35px; background: #90a5c9; display: none; } .saishi { margin-top: 0; } .saishi p { line-height: 35px; height: 35px; background: #edf1f4; padding-left: 10px; } /*.saishi ul {*/ /* padding: 0 10px;*/ /*}*/ .navtop h1 { margin-bottom: 0; font-size: 20px; padding-left: 10px; } #bread { margin: 0 !important; height: 30px; line-height: 30px; } .zbtu { width: 100%; } .nr { width: 100%; } .goTop { right: 0; } .botm { width: 100%; } .botm3 { padding: 0 5px; } .saishi .gd { height: 50px; line-height: 50px; color: #000; font-size: 18px; background: #dee2e6; } .hot_tit{ background: #009688 !important; color: #fff !important; } .status { font-size: 15px; } .shijian { font-size: 15px; margin-top: 0; } .zhudui, .kedui { width: 31%; align-items: center; } .team img { width: 50px; height: 50px; } .zhudui span, .kedui span { font-size: 15px; } .zbtu { height: 250px; } .team { padding: 30px 0 0 0; /* height: 130px; */ } .w1200 { width: 100%; margin: 0 auto; margin-top: 20px; } .livesource { font-size: 0.24rem; display: flex; justify-content: center; flex-wrap: wrap; } .livesource > li { position: relative; color: #fff; height: 32px; line-height: 32px; margin: 2px 5px; font-size: 14px; background-color: red; border-radius: 15px; } } /*------ 专题/球队--------*/ .zc_nrong { padding: 10px; max-height: auto !important; } .image-container { float: left; margin-right: 20px; margin-top: 10px; } .image-container img{ height: 200px; } .text-container { font-size: 18px; line-height: 35px; } /*.text {*/ /* text-indent: 2em;*/ /*}*/ .zhankaiall { display: none; } .jianjie { color: #f54d40; } .zc_nrong ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .zc_nrong ul li a { display: block; width: 100%; height: 100%; } .zc_nrong ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zc_nrong ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zc_nrong ul li .tit { font-size: 14px; padding: 5px 0; } /*展开切换回pc*/ .zc_nrong_modified ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .zc_nrong_modified ul li a { display: block; width: 100%; height: 100%; } .zc_nrong_modified ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zc_nrong_modified ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zc_nrong_modified ul li .tit { font-size: 14px; padding: 5px 0; } .section-tit { display: flex; justify-content: space-between; width: 100%; line-height: 28px; border-bottom: 1px solid #cacaca; } .section-tit span { font-weight: 600; font-size: 18px; } .section-tit span img { display: inline-block; margin-right: 5px; vertical-align: middle; } .section-tit span em { font-size: 14px; font-weight: bold; color: #CACACA; padding: 0 8px; } .section-tit a { font-weight: 400; color: #9F9F9F; font-size: 12px; } .section-tit .more img { margin-left: 3px; } .section-tit-nav { background: #F8F8F8; padding: 5px; display: flex; } .section-tit-nav span { flex: 1; text-align: center; padding: 5px 0; } .section-tit-nav span.on { background: #fff; } .section-tit-nav .nav.on { background: #FFFFFF; } .section-tit-nav2 { display: flex; background: #F8F8F8; } .section-tit-nav2 span { flex: 1; text-align: center; line-height: 32px; } .section-tit-nav2 span a { display: block; } .section-tit-nav2 span.on { background: #FDDC00; } .section-hot-team { padding: 10px 0; background: var(--bg-light-color);; } .section-hot-team a .pic-qiudui { border: 1px solid #cacaca; padding: 10px; } .section-hot-team a .pic-qiudui img { width: 48px; height: 48px; } .section-hot-team a { width: 82px; margin: 10px 0; /*background: #FFFFFF;*/ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #000; } .section-hot-team a p { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 268px; font-size: 14px; } .section-hot-team-box { display: none } .section-hot-team-box.on { display: grid; grid-template-columns: 25% 25% 25% 25%; justify-items: center; } .fenye { display: flex; justify-content: center; padding: 20px 0; font-size: 14px; } .fenye ul li { display: inline-block; font-size: 14px; margin: 0 2px; line-height: 1.5; } .fenye ul li a { font-size: 12px; color: #666; display: block; padding: 2px 6px; border: 1px solid #f54d40; border-radius: 3px; } .fenye ul li a:hover { background-color: #f54d40; color: #fff; border: 1px solid #fff; } .fenye ul li.active a { background-color: #f54d40; color: #fff; border: 1px solid #fff; } .qiudui-1 p{ padding: 8px 10px; font-size: 16px; } .qiuyuanlist { /*width: 1200px;*/ border-radius: 4px; padding: 20px 10px; box-sizing: border-box; } .qiuyuanlist .hot_qiuyuan_main { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 30px; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item { width: 23%; margin: 1% } .qiuyuanlist .hot_qiuyuan_main .hot_member_item a { display: flex; width: 100%; height: 100%; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic { width: 60px; height: 60px; display: flex; justify-content: center; overflow: hidden; background: #F5F7F9; border-radius: 3px; align-items: center; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img { padding: 8px; max-width: 80%; max-height: 80%; height: auto; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info { width: calc(100% - 68px); color: #000; font-size: 14px; display: flex; justify-content: space-between; flex-direction: column; padding: 5px 0px 5px 10px; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info em { font-size: 12px; font-weight: 400; color: #9a9a9a; } .qdqyinfo .qdqy_logo { background: #000; padding: 20px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #fff } .qdqyinfo .qdqy_logo img { width: 100px; height: 100px; border-radius: 50%; padding: 10px; background: #fff; } .qdqyinfo .qdqy_logo h1 { font-size: 16px; line-height: 2 ; color: #fff; } .qdqyinfo .qy_qyxx ul { display: flex; flex-wrap: wrap; border-left: 1px solid #cacaca; border-top: 1px solid #cacaca; } .qdqyinfo .qy_qyxx ul li { display: flex; width: 33.333%; border-bottom: 1px solid #cacaca; border-right: 1px solid #cacaca; box-sizing: border-box; justify-content: center; flex-direction: column; align-items: center; color: #969696; font-size: 12px; padding: 15px 0; } .qdqyinfo .qy_qyxx ul li span { font-size: 16px; font-weight: 400; color: #000 } .qdqy_lmtit { font-size: 16px; font-weight: 600; padding: 20px 0; } .bgwhite{ background-color: #fff; } .saishi_item .qiudui { padding: 0px; } .saishi_item .qiudui .qiudui_item { width: 23%; margin: 1%; display: flex; justify-content: space-between; } .saishi_item .qiudui .qiudui_item .pic-1 { width: 50px; height: 50px; /*background: #F5F7F9;*/ padding: 7px; box-sizing: content-box; border: 1px solid #f9faf8; } .saishi_item .qiudui .qiudui_item .pic-1 img { width: 50px; height: 50px; } .saishi_item .qiudui .qiudui_item .title { width: calc(100% - 74px); text-align: left; } .saishi_item .qiudui .qiudui_item .title a{ color: #000; font-size: 14px; } .saishi_item .qiudui .qiudui_item .title p { font-weight: 500; color: #000; /*line-height: 2;*/ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; } .saishi_item .qiudui .qiudui_item .title .t2 { font-size: 14px; color: #656565 !important; font-weight: 400; padding-top: 10px; } .flex-wrap { display: flex; flex-wrap: wrap; } .zhuanti ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; padding: 10px; } .zhuanti ul li a { display: block; width: 100%; height: 100%; } .zhuanti ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zhuanti ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zhuanti ul li .tit { font-size: 18px; padding: 5px 0; font-weight: 500; text-align: center; color: #000; } .mt20 { margin-top: 20px; } .tags_list { display: flex; flex-wrap: wrap; } .tags_list li { font-size: 14px; font-weight: 400; border-radius: 20px; margin-right: 5px; margin-bottom: 8px; padding: 5px 12px; display: inline-block; line-height: 12px; background: #F6F7F7; } .tags_list li a { display: block; color: #333333; } .pd20{ padding: 20px; } @media (max-width: 600px) { .zc_nrong { padding: 15px; clear: both; position: relative; max-height: 16rem; overflow-y: hidden; } .zc_nrong_modified { clear: both; position: relative; padding:15px; } .image-container { float: left; margin-right: 10px; } .image-container img{ height: 100px; } .text-container { font-size: 14px; line-height: 25px; } /*.text {*/ /* text-indent: 2em;*/ /*}*/ .zhankaiall { width: 6rem; height: 1.4rem; line-height: 1.4rem; margin: 10px auto; border-radius: 1rem; border: 1px #f54d40 solid; text-align: center; color: #f54d40; font-size: 0.8rem; display: block; } .zhankaiall_btn { display: flex; align-items: center; justify-content: center; } .zhankaiall_btn cite { float: left; } .zhankaiall_btn .iconfont { color: #fe373c; font-size: 0.38rem; float: left; line-height: 0.3rem; } .wznrzhezhao { position: absolute; width: 95%; height: 150px; bottom: 0; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff); } .jianjie { color: #f54d40; } /*.text{*/ /* display: none;*/ /*}*/ .zc_nrong ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .zc_nrong ul li a { display: block; width: 100%; height: 100%; } .zc_nrong ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zc_nrong ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zc_nrong ul li .tit { font-size: 14px; padding: 5px 0; text-align: center; } .zc_nrong_modified ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .zc_nrong_modified ul li a { display: block; width: 100%; height: 100%; } .zc_nrong_modified ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zc_nrong_modified ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zc_nrong_modified ul li .tit { font-size: 14px; padding: 5px 0; text-align: center; } .zhuanti ul{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; } .zhuanti ul li a { display: block; width: 100%; height: 100%; } .zhuanti ul li .pic-1 { width: 100%; /* height: 128px; */ overflow: hidden; } .zhuanti ul li .pic-1 img{ width: 100%; /*height: 128px; */ } .zhuanti ul li .tit { font-size: 14px; padding: 5px 0; text-align: center; } .saishi_item .qiudui .qiudui_item { width: 48%; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item { width: 48%; } /*.bgwhite {*/ /* width: 100%; */ /* padding: 0;*/ /* box-sizing: border-box;*/ /*}*/ .qiuyuanlist { width: 100%; box-sizing: border-box; padding: 0; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .info{ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 隐藏超出部分 */ text-overflow: ellipsis; max-width: 90px; } .qiuyuanlist .hot_qiuyuan_main .hot_member_item .pic img{ width: 80%; height: 80%; } .mt20 { margin-top: 20px; } .qiudui-1 p { padding: 8px 0; font-size: 14px; } .section-hot-team a p { width: 68px; } }