/* reset.css -----------------------------------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, header, footer, section, article, aside, nav, figure, figcaption { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; background-color: #f6f6f6;} body { font-family: "microsoft yahei", "helvetica"; line-height: 1; color: #333333; overflow-x: hidden;} a { color: #333333; } html * { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img { max-width: 100%; border: 0; vertical-align: top; /*-webkit-touch-callout: none;*/ } ul, ol { list-style: none; } div { position: relative; } /* form-reset.css -----------------------------------------------------------------*/ table { border-collapse: collapse; border-spacing: 0; } button { background: none; border: none; } a, input, textarea, button { color: #333333; text-decoration: none; border: none; } input, button, textarea, select, optgroup, option { font: 1rem "microsoft yahei", "helvetica"; } input[type="button"], input[type="text"], input[type="submit"], input[type="search"], input[type="tel"], input[type="number"], select, option, .appnone { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: rgba(0, 0, 0, 0.3); } @media only screen and (min-width: 320px) { html { font-size: 42.66667px; } } @media only screen and (min-width: 360px) { html { font-size: 48px; } } @media only screen and (min-width: 375px) { html { font-size: 50px; } } @media only screen and (min-width: 384px) { html { font-size: 51.2px; } } @media only screen and (min-width: 414px) { html { font-size: 55.2px; } } @media only screen and (min-width: 480px) { html { font-size: 64px; } } @media only screen and (min-width: 640px) { html { font-size: 85.33333px; } } @media only screen and (min-width: 750px) { html { font-size: 100px; } } @media only screen and (max-width: 319px) { html { font-size: 42.53333px; } } /* const.css -----------------------------------------------------------------*/ .icon { display: inline-block; background-color: transparent; background-repeat: no-repeat; } .vam:after { content: ""; display: inline-block; overflow: hidden; height: 100%; width: 0; font-size: 0; vertical-align: middle; } .wbwr { word-break: break-all; word-wrap: break-word; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .clr:after, .clr:before { content: ""; display: table; } .clr:after { clear: both; } .fll { float: left; } .flr { float: right; } .vam { vertical-align: middle; } .db { display: block; } .dib { display: inline-block; } .tar { text-align: right; } .tac { text-align: center; } .ovh { overflow: hidden; } .vat { vertical-align: top; } .vam { vertical-align: middle; } .posr { position: relative; } .auto { margin-left: auto; margin-right: auto; } .border-b1 { border-bottom: 1px solid #eee; } .fc0 { color: #000; } .fc3 { color: #333; } .fc6 { color: #666; } .fc9 { color: #999; } .white { color: #fff; } .red { color: #f00; } .fn { font-weight: normal; } .bgwhite { background-color: #fff; } .block { display: block; } .bh { display: block; height: 100%; width: 100%;} .point { cursor: pointer; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .bg { background-color: #f6f6f6; } .f50 { font-size: 0.5rem; } .f44 { font-size: 0.44rem; } .f40 { font-size: 0.4rem; } .f36 { font-size: 0.36rem; } .f34 { font-size: 0.34rem; } .f32 { font-size: 0.32rem; } .f30 { font-size: 0.3rem; } .f28 { font-size: 0.28rem; } .f26 { font-size: 0.26rem; } .f24 { font-size: 0.24rem; } .f22 { font-size: 0.22rem; } .f20 { font-size: 0.2rem; } .padl30 { padding-left: 0.3rem; } .padr30 { padding-right: 0.3rem; } .padb30 { padding-bottom: 0.3rem !important; } .padb20 { padding-bottom: 0.2rem !important; } .padb40 { padding-bottom: 0.4rem; } .padt30 { padding-top: 0.3rem; } .padlr30 { padding-left: 0.3rem; padding-right: 0.3rem; } .padtb30 { padding-top: 0.3rem; padding-bottom: 0.3rem; } .marl30 { margin-left: 0.3rem; } .marr30 { margin-right: 0.3rem; } .mart30 { margin-top: 0.3rem; } .marb30 { margin-bottom: 0.3rem; } .marb20 { margin-bottom: 0.2rem; } .marlr30 { margin-right: 0.3rem; margin-left: 0.3rem; } .w100{ width: 100%; } .relative{ position: relative; } .mark { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 99999; } .none { display: none; } .backcolor{ background-color: rgba(0,0,0,0.4); } /*header*/ .header { position: relative; height: 0.91rem; line-height: 0.91rem; padding: 0 0.7rem; background-color: #545ad5;} .header .taps { position: absolute; left: 0.3rem; top: 0; height: 100%; width: 0.35rem; z-index: 1; } .header .taps > a,.header .taps button.a { background: no-repeat left/100% auto; } button.abtn{ width: 100%; } .header .search { position: absolute; right: 0.3rem; top: 0; height: 100%; overflow: hidden; width: 0.35rem; z-index: 1; background: url(/uploads/image/kiwlist/search.png) no-repeat right/0.33rem auto;} .header .search > a,.header .search .a { opacity: 0; } .header .search .bdcs-container .bdcs-search-form-submit{ position: absolute; left: 0; width: 100%; height: 100%; } .header .header-title .span { padding-left: 0.66rem; background: no-repeat left/0.52rem auto; } .header .list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .header .list .icon { padding: 0.2rem; background: no-repeat center/0.12rem auto; } .header .list .two{ padding-right: 0.5rem; } .header .list .one{ padding-left: 0.5rem; background: url(/uploads/image/kiwap/edu_small.png) no-repeat left/0.41rem auto; } /*side*/ .side { position: fixed; left: -3.84rem; top: 0; z-index: 999999; height: 100%; width: 3.8rem; background: url(/uploads/image/kiwside/bg.jpg) no-repeat left top/100% 100%; } /*.side {height: 100%; width: 3.8rem; background: url(/uploads/image/kiwside/bg.jpg) no-repeat left top/100% 100%; }*/ .side .top { height: 2.34rem; overflow: hidden; } .side .top .style { height: 3rem; width: 7.2rem; background-color: #fff; -webkit-transform: rotate(-10.5deg); -ms-transform: rotate(-10.5deg); transform: rotate(-10.5deg); -webkit-transform-origin: -100% bottom; -ms-transform-origin: -100% bottom; transform-origin: -100% bottom; } .side .top .logo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding-top: 0.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .side .top .logo .logo-img { width: 1.4rem; height: 1.4rem; background: #fff url(/uploads/image/kiwside/logo.png) no-repeat center/1.2rem auto; -webkit-border-radius: 50%; border-radius: 50%; } .side .tab-list { position: absolute; top: 2.34rem; left: 0; right: 0; bottom: 0; overflow-y: scroll; } .side .tab-list ul li { margin-left: 0.8rem; border-color: #5259e4; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 0.87rem; } .side .tab-list ul li span { width: 0.3rem; height: 0.3rem; margin-right: 0.16rem; vertical-align: top; background: url(/uploads/image/kiwside/icons.png) no-repeat 0 0/2.69rem 0.69rem; } .side .tab-list ul li span.icon{} .side .tab-list ul li span.icon0{background-position: -0.4rem 0;} .side .tab-list ul li span.icon1{background-position: -0.81rem 0;} .side .tab-list ul li span.icon2{background-position: -1.22rem 0;} .side .tab-list ul li span.icon3{background-position: -1.61rem 0;} .side .tab-list ul li span.icon4{background-position: -2.01rem 0;} .side .tab-list ul li span.icon5{background-position: -2.42rem 0;} .side .tab-list ul li span.icon6{background-position: 0 -0.41rem;} .side .tab-list ul li span.icon7{background-position: -0.4rem -0.41rem;} .side .tab-list ul li span.icon8{background-position: -0.81rem -0.41rem;} .side .tab-list ul li span.icon9{background-position: -1.22rem -0.41rem;} .side .tab-list ul li span.icon10{background-position: -1.61rem -0.41rem;} .side .tab-list ul li span.icon11{background-position: -2.01rem -0.41rem;} .side .tab-list ul li a { height: 0.3rem; line-height: 0.3rem; } .side .tab-list ul li:last-child { border: none; } /*footer*/ .footer { height: 1.06rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer p { height: 0.36rem; line-height: 0.36rem; text-align: center; } /*page*/ .page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .page .cell { height: 0.72rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.8rem; } .page .current { width: 2.7rem; } .page .current .on { color: #353ed6; } .img404 { height: 2.8rem; background: url(/uploads/image/kiwdetails/404_m.jpg) no-repeat center/5.58rem 1.39rem; } #view { position: relative; left: 0; top: 0; width: 100%; min-height: 100%; background-color: #f6f6f6; } .transtion { -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } #side.active,#view.active { left: 3.8rem; } #side.active { left: 0; } #view.active {position: fixed;} /*banner*/ .banner { padding-top: 0.3rem; background: #fff repeat-x left top/auto 1rem; } /*.banner .swiper-container { height: 100%; }*/ .banner .swiper-container .swiper-wrapper .swiper-slide a { display: block; height: 100%; overflow: hidden; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; } .banner .swiper-container .swiper-wrapper .swiper-slide a img { width: 100%; height: auto; vertical-align: top; } .banner .swiper-container .swiper-pagination { width: auto; height: 14px; padding: 0 6px; background-color: rgba(0,0,0,0.2); left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); bottom: 10px; -webkit-border-radius: 7px; border-radius: 7px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .banner .swiper-container .swiper-pagination .swiper-pagination-bullet { margin:0 2px; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner .swiper-container .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; } /*labels*/ .label-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.3rem 0.2rem 0.1rem; } .label-list .label { width: 25%; height: 0.6rem; padding: 0 0.1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.2rem; } .label-list .label a { padding: 0.18rem 0; height: 0.26rem; line-height: 0.28rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; background-color: #f6f6f6; } /*scroll*/ .scroll { overflow-y: scroll; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .scroll ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 0.1rem 0 0.3rem; } .scroll ul li { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 2.6rem; height: 1.3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.2rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; background-color: #bfa9fd; overflow: hidden; } .scroll ul li a{ background: no-repeat center/cover;} .scroll ul li a p { width: 100%; } .scroll ul li a p.title { line-height: 0.4rem; } .scroll ul li a p.des { line-height: 0.3rem; } /*content*/ .content-title { border-bottom: 2px solid #eee; } .content-title h2 { height: 0.97rem; line-height: 0.98rem; padding-left: 0.6rem; background: no-repeat left/0.4rem auto; } .content-title h2 .right-icon { padding: 0 0.14rem; vertical-align: middle; background: url(/uploads/image/kiwap/right.png) no-repeat right/0.12rem auto; } .content-title .nav { position: absolute; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.97rem; } .content-title .nav .li { margin-left: 0.4rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .content-title .nav .li a { position: relative; } .content-title .nav .li a .red { display: block; height: 0.12rem; width: 0.12rem; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: -0.12rem; top: -0.12rem; background-color: #f00; } .content-title .nav .li a.active { color: #323bd6; } .content-title .reset { position: absolute; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .content-title .reset .reset-icon { width: 0.46rem; height: 0.46rem; background: no-repeat center/0.27rem auto; } .details-page .article .title-session { padding: 0.42rem 0 0.16rem; } .details-page .article .title-session .title { line-height: 0.6rem; text-align: justify; } .details-page .article .title-session .time { line-height: 0.64rem; } .details-page .article .title-session .time > a { color: #243985; } .details-page .article .title-session .time > span{ margin-left: 0.3rem; color: #999;} .details-page .article .content {overflow: hidden; color: #333; font-size: 0.32rem; line-height: 0.64rem; text-align: justify; padding: 0.24rem 0; word-break: break-all; word-wrap: break-word; } .details-page .article .content h1,.details-page .article .content h2,.details-page .article .content h3,.details-page .article .content h4,.details-page .article .content h5,.details-page .article .content h6{ font-size: 0.38rem; padding: 0.05rem 0 0.1rem;} .details-page .article .content p{ padding-bottom: 0.1rem; text-indent: 2em; } .details-page .article .content img{ display: block; margin: 0 auto; max-width: 100%; } .details-page .article .content a{ color: #323bd6; } .details-page .article .content table { width: 100% !important; color: #444; border-left: #bababa 1px solid; border-top: #bababa 1px solid; margin: 0 auto; line-height: 0.36rem; margin-top: 0.1rem; margin-bottom: 0.1rem;} .details-page .article .content table tbody { border: #bababa 1px solid;} .details-page .article .content table tr {border: #bababa 1px solid;} .details-page .article .content table td, .details-page .article .content table th { border-bottom: #bababa 1px solid; border-right: #bababa 1px solid; text-align: center; font-size: 0.24rem;} .details-page .article .content .mulu_left h2:before{ content: ""; display: inline-block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color: #ffa800; margin-right: 0.2rem; } .details-page .article .content .mulu_left h2 { font-weight: normal; font-size: 0.3rem; line-height: 0.46rem; } .details-page .article .content .mulu_left dl { display: flex; flex-wrap: wrap; padding-left: 0.4rem; padding-top: 0.05rem; } .details-page .article .content .mulu_left dl a { border: 1px solid #7a86a3; color: #7a86a3; padding: 0.13rem 0.2rem; font-size: 0.26rem; display: block; height: 0.53rem; box-sizing: border-box; line-height: 0.26rem; margin: 0 0.1rem 0.2rem 0; border-radius: 0.27rem;} .details-page .article .content .mulu_left dl a:hover{ color: #fff; background-color: #91a9ff; border-color: #91a9ff; } .details-page .page .cell { margin: 0.1rem 0 0.2rem; } .details-page .other-page { padding: 0.14rem 0 0.2rem; } .details-page .other-page .cell { height: 0.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .details-page .other-page .cell .icon { width: 0.12rem; height: 0.19rem; margin-right: 0.14rem; background: url(/uploads/image/kiwdetails/y-right.png) no-repeat left/100% 100%; } .details-page .other-page .cell .title { margin-left: 0.1rem; width: 50%; height: 100%; line-height: 0.62rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .details-page .other-page .cell .empty{ margin-left: 0.1rem; } .details-page .content-title h2 { background-image: url(/uploads/image/kiwdetails/icon01.png); } .details-page .cnxh.content-title h2 { background-image: url(/uploads/image/kiwdetails/icon02.png); } .details-page .news-list2 ul li .title { padding-right: 0; } .details-page .xgtj { padding: 0.1rem 0; } .zxzx-news { padding: 0.04rem 0 0.24rem; } .zxzx-news h3 a { height: 0.8rem; line-height: 0.8rem; width: 100%; } .zxzx-news .new-img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .zxzx-news .new-img .img { height: 1.4rem; width: 2.1rem; overflow: hidden; } .zxzx-news .new-img .img img { min-height: 100%; min-width: 100%; } .news-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0.24rem 0; } .news-list .img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 1.4rem; width: 2.1rem; margin-right: 0.2rem; } .news-list .img img { width: 100%; height: 100%; } .news-list .news-list-des { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 0.54rem; } .news-list .news-list-des .top { line-height: 0.45rem; max-height: 0.84rem; overflow: hidden; } .news-list .news-list-des .bottom { position: absolute; left: 0; bottom: 0.05rem; font-size: 0.3rem;} .news-list .news-list-des .bottom .tab { color: #233685; margin-right: 0.34rem; } .news-list:last-child { border: none; } .news-list-des-a{ height: 1.4rem; width: 100%;} .news-list-des-a .news-list-des{ height: 100%; box-sizing: border-box; } .news-list-bottom{ position: absolute; left: 2.3rem; bottom: 0.25rem; line-height: 0.32rem; } .news-list-bottom .tab{ margin-right: 0.34rem; color: #233685; } .zxzx { padding-bottom: 0.16rem; } .gkpd .content-title { margin-bottom: 0.38rem; } .gkpd .content-title h2 { background-image: ; } .gkpd .black { height: 2.2rem; background: url(/uploads/image/kiwap/hb.jpg) center/100% 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 1.35rem; margin-bottom: 0.16rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gkpd .black span { height: 0.56rem; width: 0.56rem; text-align: center; line-height: 0.56rem; margin: 0 0.02rem; background: no-repeat center/100% 100%; } .gkpd .black span.tian { background: no-repeat center bottom/0.35rem auto; } .news-list2 ul li { position: relative; height: 0.79rem; line-height: 0.8rem; } .news-list2 ul li:last-child { border: none; } .news-list2 ul li.hot { padding-left: 0.4rem; background: no-repeat left/0.3rem auto; } .check-more { height: 1.2rem; padding-top: 0.18rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .check-more a { height: 0.66rem; width: 4rem; background-color: #f6f6f6; text-align: center; line-height: 0.66rem; -webkit-border-radius: 0.33rem; border-radius: 0.33rem; } .zkpd .content-title { margin-bottom: 0.38rem; } .zkpd .content-title h2 { background-image: ; } .zkpd .zkpd-img-news { padding-bottom: 0.24rem; } .zkpd-img-news { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .zkpd-img-news .cell { width: 3.3rem; height: 2.2rem; } .zkpd-img-news .cell .img { height: 100%; overflow: hidden; } /*.zkpd-img-news .cell .img img { min-height: 100%; min-width: 100%; }*/ .zkpd-img-news .cell .title { position: absolute; left: 0; bottom: 0; height: 0.5rem; line-height: 0.5rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; } .edu-title { height: 0.9rem; border-bottom: 2px solid #eee; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .edu-title .tab { height: 100%; line-height: 0.9rem; border-bottom: 2px solid #eee; position: relative; } .edu-title .tab.active { border-color: #353ed6; color: #353ed6; } .edu-title .tab .red { position: absolute; right: -0.12rem; top: 0.24rem; width: 0.12rem; height: 0.12rem; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f00; } .djdzk { padding-bottom: 0.4rem; } .djdzk .content-title h2 { padding-left: 0; background-image: none; } .dj-news-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dj-news-list .dj-news { width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 0.68rem; padding-right: 0.2rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dj-news-list .dj-news .title { /*width: rem(100px);*/ } .dj-news-list .dj-news .hot { width: 0.3rem; height: 0.68rem; padding-left: 0.1rem; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: no-repeat right/0.3rem 0.3rem; } .table {margin-top: 0.1rem; border-top: 1px solid #c8d4ff; border-left: 1px solid #c8d4ff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .table .li { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #c8d4ff; border-bottom: 1px solid #c8d4ff; height: 0.8rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f6f8ff; } .padb12 { padding-bottom: 0.12rem; } /*listcontent*/ .list-page .nav { background-color: #eee; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.14rem 0; } .list-page .nav .cell { width: 25%; height: 0.52rem; line-height: 0.52rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; text-align: center;} .list-page .swiper-container-list { overflow: hidden; } .list-page .swiper-container-list .swiper-slide { height: 200px; } .list-page .swiper-container-list .swiper-slide a { display: block; height: 100%; overflow: hidden; position: relative; } .list-page .swiper-container-list .swiper-slide a img { width: 100%; height: auto; } .list-page .swiper-container-list .swiper-slide a p { position: absolute; left: 0; bottom: 0; height: 0.9rem; line-height: 0.9rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1.3rem 0 0.3rem; } .list-page .swiper-container-list .swiper-pagination-list { position: absolute; left: 100%; bottom: 0; -webkit-transform: translatex(-100%); -ms-transform: translatex(-100%); transform: translatex(-100%); height: 0.9rem; line-height: 0.9rem; font-size: 0.3rem; color: #fff; text-align: right; padding-right: 0.3rem; width: 0.9rem; z-index: 1; letter-spacing: -1px; } .list-page .toutiao { padding: 0.2rem 0.3rem; background: #fff url(/uploads/image/kiwlist/toutiao.png) no-repeat right top/0.82rem 0.82rem; } .list-page .zkpd-img-news .cell { width: 2.1rem; height: 1.4rem; } .list-page .content-title h2 { padding-left: 0; background-image: none; } .list-page .bkzn.news-list2 { padding: 0.1rem 0 0.15rem; } .list-page .qggk { height: 0.9rem; line-height: 0.9rem; } .list-page .label-list { padding: 0 0.2rem 0.2rem; } .list-page .page .cell{ margin: 0.1rem 0 0.4rem; } .content-title .more { position: absolute; right: 0; top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .news-list2 ul li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .news-list2 ul li .title { width: 100%; padding-right: 1.8rem; box-sizing: border-box;} .news-list2 ul li .time{ position: absolute; top: 0; right: 0; } .fnone{ border: none; } .index-list-hidden{ overflow: hidden; align-items: flex-start !important; } .index-list-hidden a{ line-height: 0.68rem; } .list2-body-main{ position: absolute; left: 0; top: 0; box-sizing: border-box; padding-bottom: 1.06rem; width: 100%; min-height: 100%; } .list2-body-main .header222{ position: absolute; left: 0; top: 0; width: 100%; box-sizing: border-box; } .list2-body-main .footer{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box;} .list-page .img-auto .cell,.img-auto .cell{ width: 50%; height: 2.2rem; text-align: center; box-sizing: border-box; padding-right: .3rem;} .list-page .img-auto .cell,.img-auto .cell .img img{ width: 100%; height: auto;} .img-auto .cell .title{ right: 0.3rem; width: auto; } .list-page .img-auto .cell{ width: 33.3333333333333%; } .img-auto .xszplist{ height: 2.5rem; } .rotate .reset-icon { -webkit-animation: myrotate 0.8s linear infinite; animation: myrotate 0.8s linear infinite; } @-webkit-keyframes myrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes myrotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .tj-img{ position: fixed; left: -200%; } /*check big img*/ .check-big-img{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 999999; background: #000/* no-repeat center/contain*/; } .check-big-img .swiper-container{ width: 100%; height: 100%;} .check-big-img .swiper-container img{ max-height: 100%;} .check-big-img .swiper-slide{ display: flex; align-items: center; justify-content: center;} .check-big-img .swiper-pagination-list{display: flex; align-items: center; justify-content: center; font-size: 0.28rem; color: #fff; height: 40px; line-height: 40px; bottom: 0; position: absolute;} .check-big-img .swiper-pagination-bullet{ background-color: #efefef; } /*mip*/ .mip-carousel-indicatorbox{ bottom: 0; right: .3rem; height: .9rem; line-height: .9rem; } .mip-carousel-indicatorboxwrap,.mip-carousel-indicatornow{ font-size: .3rem; } a.mip-carousel{ position: relative; display: block; width: 100%; height: 100%; } p.mip-carousel{ position: absolute; left: 0; bottom: 0; height: 0.9rem; width: 100%; line-height: 0.9rem; box-sizing: border-box; padding: 0 1.3rem 0 0.3rem; } .edu .mip-vd-tabs .mip-vd-tabs-row-tile{ overflow: visible; width: auto;} .edu .mip-vd-tabs .mip-vd-tabs-nav{ padding: 0; width: 100%; height: 100%; justify-content:space-around; -webkit-justify-content: space-around;} .edu .mip-vd-tabs .mip-vd-tabs-nav .mip-vd-tabs-nav-selected{ color: #353ed6; border-bottom: 2px solid #353ed6; } .edu .mip-vd-tabs .mip-vd-tabs-nav-li{font-size: .36rem; overflow: visible; box-sizing: content-box; width: auto; -webkit-box-flex: 0; -webkit-flex:0 0 auto; flex: 0 0 auto; padding: 0;} /*search*/ .search-page{ background-color: #f6f6f6; } .s-header{ height: .9rem; background-color: #545ad5; display: flex; justify-content: space-between;} .s-btn{ display: block; height: 100%; flex-shrink: 0;} .s-back{ padding: 0 .3rem; width: .19rem; background: url(/uploads/image/kisearch/back.png) no-repeat center/.19rem auto; } .s-cancel{ padding: 0 .3rem 0 .2rem; line-height: .9rem; } .s-input{ flex-grow: 1; margin: .15rem 0; height: .6rem; box-sizing: border-box; background-color: #fff; border-radius: .3rem; padding: .1rem .6rem .1rem .3rem; position: relative;} .s-input input{ width: 100%; line-height: .4rem; height: .4rem; font-size: .3rem;} .s-input .s-cancel{ position: absolute; width: .6rem; height: .6rem; right: 0; top: 0; background: no-repeat center/.3rem .3rem; } .s-count{ height: .8rem; line-height: .8rem; } .s-main{ box-shadow: 0 -1px 1px 0 #eee; } .s-list{ display: block; padding-top: .2rem; padding-bottom: .2rem;} .s-list-box:last-child{ margin-bottom: 0;} .s-list .s-h4{ line-height: .56rem;} .s-content{ display: flex; padding: .2rem 0 .1rem;} .s-content .s-img{ width: 2.1rem; height: 1.4rem; flex-shrink: 0; margin-right: .2rem; } .s-content .s-img img{ width: 100%; height: 100%;} .s-content .s-txt{ height: 1.4rem; position: relative; flex-grow: 1;} .s-content .s-txt p{ line-height: .48rem; max-height: .9rem; overflow: hidden; } .s-content .s-txt time{ position: absolute; left: 0; bottom: 0; } .s-page{ padding-top: .2rem; padding-bottom: .6rem; } .s-empty{ position: absolute; left: 0; top: .9rem; bottom: 1.06rem; right: 0; } .s-empty .s-tips{ padding: .7rem 0 .15rem; } .s-empty p{ line-height: .5rem; } /*首页轮播图*/ .mip-fh-carousel-indicator-wrapper { text-align: center; position: absolute; left: 50%; bottom: 6px; transform: translatex(-50%); } .mip-fh-carousel-indicatordot { display: inline-block; position: relative; padding: 3px 6px; border-radius: 7px; background-color: rgba(0,0,0,0.2); } .mip-fh-carousel-indicatordot .mip-fh-carousel-indecator-item { float: left; width: 6px; height: 6px; border-radius: 50%; margin:0 2px; border:1px solid #fff; } .mip-fh-carousel-indicatordot .mip-carousel-activeitem { background-color: #fff; } /*阅读全文*/ .read-more{ position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: .1rem solid #fff; } .read-m-btn{ height:.4rem; padding: .3rem 0 .1rem; line-height: .4rem; color: #6d64fb; font-size: .32rem; text-align: center; background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* firefox 3.6 - 15 */ background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* 标准的语法(必须放在最后) */ } .read-m-btn{ height:.6rem; background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* firefox 3.6 - 15 */ background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)); /* 标准的语法(必须放在最后) */ } .read-m{ height:.4rem; padding: .2rem 0 .1rem; line-height: .4rem; color: #6d64fb; font-size: .32rem; text-align: center; background-color: #fff; } .read-m span{ padding-right: .44rem; background: no-repeat right/.32rem .32rem; } .article-hide{ height: .8rem; line-height: .8rem; font-size: .32rem; color: #6d64fb; text-align: center; } .a-transition{ transition: all 1s; -moz-transition: all 1s; /* firefox 4 */ -webkit-transition: all 1s; /* safari 和 chrome */ -o-transition: all 1s; /* opera */ }