@media (max-width: 720px) { html { font-size: 20px; } } @media (max-width: 560px) { html { font-size: 18px; } } @media (max-width: 480px) { html { font-size: 16px; } } @media (max-width: 450px) { html { font-size: 15px; } } @media (max-width: 410px) { html { font-size: 14px; } } @media (max-width: 380px) { html { font-size: 13px; } } @media (max-width: 350px) { html { font-size: 12px; } } * { margin: 0; padding: 0; } html, body { /* min-width: 320px; */ font-family: "微软雅黑"; width: 100%; -webkit-tap-highlight-color: transparent; } li { list-style: none; } li:visited, li:active { background: transparent; } a { text-decoration: none; } img { border: 0; } .clear { clear: both; } #wrap { /* max-width: 720px; margin: 0 auto; */ width: 100%; /* background: #f3f4f8; */ } .da20-link, .da20-link a, .da20-link img { width: 100%; height: 11.4rem; } /* .da20-link, .da20-link a { display: block; height: 10.6rem; } .da20-link a { width: 12.5rem; } */ .breadcrumb { padding-top: 1rem; } .breadcrumb a { font-size: 0.9rem; color: #666666; } #wrap .menu1 { border-bottom: 0.15rem solid #dcdcdc; height: 3.3rem; line-height: 3.8rem; /* margin-top: 1rem; */ } #wrap .menu2 { margin-top: 1rem; } #wrap .menu1 ul { float: left; } #wrap .menu1 ul li { float: left; padding: 0 0.5rem; font-size: 1.14rem; color: #666666; text-align: center; height: 3.3rem; cursor: pointer; } #wrap .menu1 ul .article { border-bottom: 0.15rem solid #0078cc; color: #0078cc; } #wrap .menu1 ul .index-spec-tabs { width: 5.6rem; } #wrap .menu1 ul .index-spec-tabs1 { width: 6.7rem; } #wrap .menu1 a { color: #3268b0; font-size: 1rem; float: right; } #wrap .list0, #wrap .list1, #wrap .list2, #wrap .list3 { /* margin-top: 0.5rem; */ padding-bottom: 1rem; } #wrap .list0 ul li, #wrap .list1 ul li, #wrap .list2 ul li, #wrap .list3 ul li { padding-top: 0.7rem; padding-bottom: 0.7rem; width: 100%; /* height: 2.3rem; line-height: 2.3rem; */ height: 4.36rem; /* line-height: 4.36rem; */ /* font-size: 1.1rem; */ /* color: #4c4c4c; */ color: #323232; border-bottom: 0.1rem solid #f3f3f3; } #wrap .list0 ul li:last-child, #wrap .list1 ul li:last-child, #wrap .list2 ul li:last-child, #wrap .list3 ul li:last-child { border: none; } /* #wrap .list0 ul li span:first-child, #wrap .list1 ul li span:first-child, #wrap .list2 ul li span:first-child { float: left; color: #000000; } */ #wrap .list0 ul li a, #wrap .list1 ul li a, #wrap .list2 ul li a, #wrap .list3 ul li a { /* display: inline-block; */ /* width: 15.5rem; */ position: relative; display: block; height: 2.96rem; color: #323232; overflow: hidden; /* margin-left: 0.5rem; */ } #wrap .list0 ul li .title, #wrap .list1 ul li .title, #wrap .list2 ul li .title, #wrap .list3 ul li .title { position: absolute; top: 0; left: 0; z-index: 1; height: 1.28rem; font-size: 1.04rem; } #wrap .list0 ul li .time, #wrap .list1 ul li .time, #wrap .list2 ul li .time, #wrap .list3 ul li .time { position: absolute; bottom: 0; left: 0; z-index: 1; /* float: right; */ height: 1.28rem; color: #999999; font-size: 0.9rem; } #wrap .switch .more-btn { display: inline-block; width: 100%; height: 2rem; line-height: 2rem; text-align: center; background: #f9f9f9; font-size: 1rem; color: #333333; letter-spacing: 0.18rem; } /* header */ #wrap .head { position: relative; /* margin-bottom: 1.79rem; */ padding-left: 1.14rem; padding-right: 1.14rem; width: 100%; height: 8.99rem; background: url(/moblieGlobal/index_bg.jpg) no-repeat; background-size: cover; } #wrap .head .img-wrap { position: relative; height: 7.85rem; } #wrap .head .img { position: relative; top: 50%; margin-top: -1.18rem; } /* 导航栏 */ #wrap .nav { position: absolute; top: 7.85rem; /* top: 19.2rem; */ left: 0; width: 100%; z-index: 10; height: 2.85rem; /* background: #ffffff; */ } #wrap .nav .nav-item { position: relative; /* margin-right: 0.02%; */ /* padding-left: 0.53rem; padding-right: 0.53rem; */ width: 16.65%; height: 2.85rem; line-height: 2.85rem; font-size: 1.04rem; color: #ffffff; background: #0078cc; } #wrap .site-index .nav .index-tab-active, #wrap .zwgk-index .nav .zwgk-tab-active, #wrap .jyfw-index .nav .jyfw-tab-active, #wrap .ztzl-index .nav .ztzl-tab-active { background: #0a99ff; } #wrap .nav .item-wrap { position: absolute; top: 0; left: 50%; z-index: 20; margin-left: -1.7rem; width: 3.4rem; height: 2.85rem; line-height: 2.85rem; } #wrap .nav .nav-item-icon { width: 1.03rem; height: 1.03rem; } #wrap .nav-item div { height: 2.85rem; line-height: 2.85rem; } #wrap .nav .line{ position: absolute; top: 0; z-index: 1000; width: 0.05rem; height: 2.85rem; background: #ffffff; } /* 图片链接 */ #wrap .img-link-wrap { padding: 0.79rem; } #wrap .img-link-wrap .img-link-item { position: relative; height: 3.1rem; background: #448aca; } #wrap .img-link-item:not(:first-child) { margin-top: 0.5rem; } #wrap .img-link-item .link-icon { position: absolute; left: 1.5rem; z-index: 10; } #wrap .img-link-item span { position: absolute; top: 0.9rem; left: 3.5rem; z-index: 10; } #wrap .img-link-wrap .img-link-item span { color: #ffffff; } /* 教育平台 */ #wrap .platform-area { padding-bottom: 0.79rem; } #wrap .platform-area .img-link-item { position: relative; height: 3.1rem; background: #f5f7f8; } #wrap .platform-area .link-icon { left: 1.1rem; top: 0.695rem; width: 1.71rem; height: 1.71rem; } #wrap .platform-area .img-link-item span { color: #333333; } #wrap .platform-area .img-link-item { margin-top: 0.5rem; } #wrap .d1 { width: 100%; height: 18.6rem; /* min-height: 17.2rem; */ /* max-height: 28.6rem; */ overflow: hidden; background-color: #000000; position: relative; } #wrap .d1 img { width: 100%; height:18.6rem; } #wrap .d1 ul li a img { width: 100%; height:18.6rem; } #wrap .d1 .loading { width: 100%; background-color: #000000; color: #FFCC00; height: 18.6rem; text-align: center; padding-top: 30px; } #wrap .d1 ul { display: none; } #wrap .d1 .d2 { width: 100%; height: 18.6rem; /* min-height: 17.2rem; */ /* max-height: 28.6rem; */ overflow: hidden; } #wrap .d1 .num_list { position: absolute; width: 100%; left: 0px; bottom: -1px; /* background-color: #000000; */ background: rgba(0, 0, 0, 0.6); opacity: .5; color: #FFFFFF; height: 3.5rem; overflow: hidden; } #wrap .d1 .num_list span { display: inline-block; width: 65%; height: 3rem; line-height: 3rem; padding-left: 6px; font-size: 1.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #wrap .d1 .button { position: absolute; z-index: 1000; right: 8px; bottom: 1.3rem; } #wrap .d1 .button a { width: 0.6rem; height: 0.6rem; outline: none; /* border-radius: 100%; */ /* background-color: #fff; */ background: #e0ecfa; display: block; line-height: 14px; float: left; margin-right: 3px; color: #e0ecfa; text-decoration: none; cursor: pointer; overflow: hidden; } #wrap .d1 .button .b2 { /* color: #FF6633; background-color: #FF6633; */ color: red; background: red; } #wrap .content { /* width: 92%; */ /* margin: 1.25rem auto; */ /* margin: 0.54rem auto; */ /* margin-top: 0.54rem; */ margin-top: 1.2rem; box-sizing: border-box; } #wrap .list_li ul li { border-bottom: 1px solid #e5e5e5; height: 3.45rem!important; line-height: 3.45rem!important; font-size: 1.5rem!important; } #wrap .list_li ul li span { font-size: 1.2rem!important; } #wrap .article .title { text-align: center; margin-top: 1rem; } #wrap .article .title P:first-child { color: #131415; font-size: 1.5rem; width: 80%; margin: 0 auto; } #wrap .article .title_other { font-size: 1rem; color: #4c4c4c; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 2.5rem; line-height: 2.5rem; margin-top: 1.4rem; } #wrap .article .title_other span:first-child { margin-right: 0.75rem; } #wrap .article .article_content { margin-top: 1.6rem; } #wrap .article .article_content img { width: 100%; height: auto; margin-top: 1.5rem; } /* footer */ #wrap .foot { width: 100%; padding: 1rem 0; background-color: #0078cc; clear: both; } #wrap .foot .foot_content { font-size: 0.8rem; color: #FFFFFF; text-align: center; margin: 0 auto; } #wrap .foot a { color: #ffffff; } #wrap .foot .foot-nav { display: inline-block; margin: 0 auto; } #wrap .foot .foot-nav-item { font-size: 1rem; color: #FFFFFF; text-align: center; height: 1rem; line-height: 1rem; border-right: 0.15rem solid #ffffff; } #wrap .foot .badge { display: block; margin-top: 1.43rem; /* margin-bottom: 0.9rem; */ } #wrap .foot .badge img { width: 2.85rem; height: 2.85rem; } #wrap .foot .site-info-item { margin-top: 0.5rem; } /*********** 政务公开 *************/ #wrap .leader-info { padding-top: 0.79rem; color: #333333; } #wrap .name-list { padding-bottom: 0.79rem; } #wrap .name-list a { color: #333333; } #wrap .important-field { display: block; height: 5rem; } #wrap .gov-pub-column .col2 { padding-top: 0.79rem; } #wrap .gov-pub-column .col3-item, #wrap .gov-pub-column .col2-item { display: block; margin-bottom: 0.79rem; height: 2.5rem; line-height: 2.5rem; font-size: 1.04rem; text-align: center; } #wrap .gov-pub-column .col2-item { width: 48%; background: #47a7e9; color: #ffffff; border-radius: 0.19rem; } #wrap .gov-pub-column .col3-item { width: 30%; background: #f2f4f7; color: #333333; border-radius: 0.19rem; border: 0.05rem solid #dddddd; } /*********** 专题专栏 *************/ #wrap .ztzl-list-wrap a { width: 31%; height: 20%; } #wrap .ztzl-list-wrap a { margin-bottom: 1rem; } /*********** articel *************/ .articel-header { border-bottom: 0.1rem dashed #dcdcdc; padding-bottom: 1rem; } .article-title { padding-top: 1.142rem; padding-bottom: 0.36rem; color: #333333; font-size: 1.142rem; font-weight: bold; text-align: center; } .articel-source { color: #6c7a81; font-size: 0.8rem; margin-top: 0.79rem; } .articel-source span { margin-left: 1rem; text-align: center; } .articel-content { margin-top: 0.86rem; } .magazine { padding-bottom: 1rem } .magazine .magazine-ul li:nth-child(2n+1) { float: left; } .magazine .magazine-ul li:nth-child(2n) { float: right; } .magazine .magazine-ul li img{ display: block; width: 12rem; height: 9rem; } .zhongkao-cover { margin-top: 0.54rem; width: 100%; height: 2.9rem; } .zhongkao-cover a, .zhongkao-cover img { width: 100%; height: 2.9rem; }