.width { margin-left: 1rem; margin-right: 1rem; } .full { border: 1px solid #d23d3d; padding-bottom: 1.2rem; border-radius: .4rem; } .full_banner { display: block; margin-bottom: 1.1rem; } .full_banner img { width: 100%; border-radius: .4rem .4rem 0 0; } .full_list { margin: 0 .6rem; } .full_list li { margin-bottom: .85rem; } .full_list li a { display: block; } .full_list li p { float: left; max-width: calc(100% - 4.4rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5rem; } .full_list li span { float: right; width: 4rem; height: 1.5rem; margin-left: .4rem; line-height: 1.5rem; text-align: center; border-radius: .75rem; background-color: #d03131; color: #fff; font-size: .75rem; } .full_slide { width: 94%; height: 1.5rem; line-height: 1.5rem; margin: 0 auto; overflow: hidden; border-radius: 1rem; background-color: #efefef; } .slide_list { padding-bottom: 1.1rem; white-space: nowrap; overflow-x: auto; overflow-y: hidden; text-align: center; } .slide_list li { display: inline-block; padding: 0 .7rem; } .slide_list li.active { background-color: #d03131; border-radius: 1rem; color: #fff; } .slide_list::-webkit-scrollbar { display: none; } .table_wrap { padding-top: 1rem; } .table { display: none; width: calc(100% - 1.2rem); margin: 0 .6rem; border: 1px solid #d7d7d7; text-align: center; } .table.active { display: table; } .table th, .table td { padding: .5rem 0; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; font-weight: normal; font-size: .7rem; } .table th { background-color: #efefef; } .table td { font-size: .65rem; } .th01, .th02 { width: 15%; } .th03, .th04 { width: 25%; } .table tr:last-child td { border-bottom: none; } .table td:last-child, .table th:last-child { border-right: none; } .full_btn { display: block; width: 2.5rem; height: 1.2rem; line-height: 1.2rem; margin: 0 auto; background-color: #ffd460; color: #d03131; border-radius: .2rem; } .custommain { width: 94%; margin: 0 auto; } .custommain li { border-bottom: 1px solid #d7d7d7; padding-bottom: .75rem; margin-bottom: .75rem; } .customnav { width: 96%; margin: 0 auto; } .custom .oh { margin: 0 2%; } .customnav .swiper-slide a { color: #fff; } .customnav .swiper-slide.active a { font-weight: bold; color: #fff; } .custommain li { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .custommain li a { display: inline; font-size: .75rem; max-width: auto; } .custommain li span { display: inline-block; border: 1px solid #e82b2a; border-radius: .15rem; padding: .1rem .2rem; margin-right: .1rem; font-size: .6rem; color: #e82b2a; } .table_change { display: none; } .table_change.active { display: block; } .gfbtn { display: inline-block; background: #fff837; background: linear-gradient(0deg, #e24833, #f16844); color: #fff; width: 2.5rem; height: 1.1rem; border-radius: 1.1rem; font-size: .55rem; line-height: 1.1rem; } .gfbtn:hover { color: #fff; background: #f9b74f; } /*20201123*/ .gktl { border: 1px solid #c74537; border-radius: .2rem; margin-bottom: 1.5rem; } .gktl_bg { width: 100%; height: 4.55rem; margin-bottom: .5rem; background-image: url(/uploads/image/wzmimages/gktl_bg.png); background-repeat: no-repeat; background-size: 100%; border-radius: .2rem .2rem 0 0; text-align: center; } .gktl_bg_title { display: block; padding-top: .7rem; padding-bottom: .2rem; font-size: 1rem; font-weight: bold; color: #fff; } .gktl_news { margin: 0 .75rem; } .gktl_title { display: inline-block; margin-bottom: .7rem; font-size: .88rem; color: #c74537; } .gktl_link { color: #fff; } .gktl_news ul { border-bottom: 1px solid #eaeaec; padding-bottom: .3rem; margin-bottom: 1rem; } .gktl_news li { max-width: 100%; margin-bottom: .5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #dedede; } .gktl_news li a.active { color: #c74537; } .gk_form { margin: 0 .75rem 1rem .75rem; padding: .75rem; box-shadow: 0 0 .25rem #ddd; border-radius: .4rem; } .gk_form_l { float: left; font-size: .8rem; font-weight: bold; } .gk_form_r { float: right; margin-top: .12rem; font-size: .65rem; } .select_wrap { margin-top: .5rem; } .select { float: left; width: calc(32% - 2px); height: 1.5rem; border: 1px solid #ddd; text-indent: .2em; margin-right: 2%; border-radius: .2rem; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/uploads/image/wzmimages/select_border.png) no-repeat scroll 95% center transparent; background-size: 10%; font-size: .7rem; } .select:last-child { margin-right: 0; } .input { display: block; width: 100%; height: 1.5rem; border: 1px solid #ddd; margin-top: .5rem; border-radius: .2rem; text-indent: .5em; font-size: .7rem; } #fs { float: right; width: 4.5rem; height: 1.6rem; border-color: #e9693a; border-radius: .2rem; background-color: #e9693a; text-indent: 0; color: #fff; } .input.active { float: left; width: 8rem; } .submit { display: block; width: 8rem; height: 2rem; margin: 1rem auto 0 auto; border-radius: 1rem; line-height: 2rem; text-align: center; background-color: #e9693a; color: #fff; font-size: .85rem; } /* 2021.1.5国考通栏start */ .gwyks_2021 { height: auto; box-sizing: border-box; padding: 1rem .55rem .55rem; background: linear-gradient(0deg, #f45a26, #cd2206); box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.08); border-radius: 1rem; margin-bottom: 2rem; position: relative; } .bg_img { position: absolute; width: 42%; height: 3.4rem; top: .65rem; right: .35rem; background: url(/uploads/image/wzmimages/report_fill.png) no-repeat center top; background-size: 100%; } .gwyks_2021 .title01 { position: relative; color: #ffffff; font-size: 1rem; z-index: 2; } .gwyks_2021 .title02 { color: #ffffff; font-size: .65rem; margin: .2rem 0 1rem; } .icon_list_container { position: relative; } .icon_list { display: flex; align-items: center; flex-wrap: wrap; height: 4.03rem; overflow: hidden; transition: height .4s; } .icon_list.more { height: 16.12rem; } .icon_item { width: 23.1%; margin-right: 2.5%; height: 3.6rem; background: #fefdf9; border-radius: .5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: .43rem; } .icon_item:nth-child(4n) { margin-right: 0; } .icon_item img { width: 45%; margin-bottom: .2rem; } .icon_item span { color: #333333; font-size: .7rem; } .click_btn { position: absolute; width: 1.25rem; height: 3.6rem; background: #f96902; border-radius: .5rem 0rem 0rem .5rem; right: -.55rem; color: #fafafa; font-size: .6rem; text-align: center; box-sizing: border-box; padding-top: .9rem; } .show_btn { top: 0; } .show_btn.hide { display: none; } .hide_btn { display: none; color: #f96902; background: #fafafa; bottom: .43rem; } .hide_btn.show { display: block; } .news_container { width: 99%; border-radius: .5rem; background: #ffffff; box-sizing: border-box; padding: .4rem .57rem 0; } .news-slide2 li { padding: .65rem 0; border-bottom: 1px solid #e3e3e3; } .news-slide2 li:last-child { border-bottom: 0; } .news-slide2 li { display: flex; align-items: center; } .news-slide2 li .tip { display: block; color: #ce2407; font-size: .55rem; height: .9rem; line-height: .9rem; border: 1px solid #ce2407; width: 15%; margin-right: 2%; text-align: center; border-radius: 0 .5rem 0 .5rem; } .news-slide2 li .name { display: block; color: #333333; font-size: .7rem; width: 76%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-slide2 li a { margin: 0 .2rem; } .news-slide2 .swiper-pagination-bullet { background-color: #dddddd; opacity: 1; width: .3rem; height: .3rem; } .news-slide2.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } .news-slide2 .swiper-pagination-bullet-active { background-color: #cf2608; } .news_container .swiper-container { padding-bottom: .8rem; } .hot_contianer a { display: block; width: 13.58rem; height: 3.78rem; background: url(/uploads/image/wzmimages/hot_img.gif) no-repeat center bottom; background-size: 100%; box-sizing: border-box; margin: 0 auto; color: #ffffff; font-size: .74rem; font-weight: bold; padding-top: 2.1rem; padding-left: 1.8rem; } .hot_contianer a span { width: 100%; display: inline-block; text-align: center; } .hot_contianer { margin-top: -.9rem; margin-bottom: -1.2rem; } .gwy_line { height: .001rem; } /* 2021.1.5国考通栏end */ /* 2021.1.25国考通栏start */ .gwyks_province { height: auto; box-sizing: border-box; padding: 1rem .55rem .55rem; background: linear-gradient(0deg, #f3c042, #ec9c3e); box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.08); border-radius: 1rem; margin-bottom: 1.5rem; position: relative; } .gwyks_title { height: 3.4rem; } .gwyks_province .title01 { color: #ffffff; font-size: 1rem; } .gwyks_province .title02 { color: #ffffff; font-size: .65rem; margin: .2rem 0 1rem; } .province_rigth { position: absolute; width: 42%; height: 4.4rem; top: 0; right: 0; background: url(/uploads/image/wzmimages/right_yy.png) no-repeat center top; background-size: 100%; } .province_span { width: 46%; height: 3.4rem; background: url(/uploads/image/wzmimages/circle_bg.png) no-repeat center center; background-size: 100% 100%; position: absolute; top: 8%; right: 9%; color: #a55f06; line-height: 1.4; box-sizing: border-box; padding-bottom: .4rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .province_list { display: none; height: auto; position: absolute; background: #ffffff; box-sizing: border-box; padding: .4rem .4rem 0; border-radius: .5rem; top: 4rem; width: 14.9rem; right: 0; z-index: 1000; box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.08); } .province_list_inner { display: flex; flex-wrap: wrap; } .province_list .province_item { width: 2rem; height: 2rem; text-align: center; color: #666666; border-radius: 50%; text-align: center; line-height: 2rem; font-size: .6rem; box-sizing: border-box; margin-right: .4rem; margin-bottom: .4rem; border: .05rem solid #666666; font-weight: bold; } .province_list .province_item.active { border: .05rem solid #eb8b40; color: #eb8b40; } .province_list .province_item:nth-child(6n) { margin-right: 0; } .ld_contianer a { width: 13.58rem; height: 2.78rem; background: url(/uploads/image/wzmimages/bottom_bg.png) no-repeat center center; background-size: 100%; box-sizing: border-box; margin: 0 auto; color: #ffffff; font-size: .74rem; font-weight: bold; display: flex; justify-content: center; align-items: center; } .ld_contianer a .ld_img { width: 9%; margin-right: .4rem; animation: tada 1s infinite; } .ld_contianer a .arrow { width: 3%; margin-left: .2rem; } .news_container2 { border-radius: .5rem; background: #ffffff; box-sizing: border-box; padding: .4rem .57rem 0; } .news_container2 .news-slide3 li { display: flex; align-items: center; padding: .65rem 0; border-bottom: 1px solid #e3e3e3; } .news_container2 .news-slide3 li:last-child { border-bottom: 0; } .news_container2 .news-slide3 li .tip { display: block; color: #eb8b40; font-size: .55rem; height: .9rem; line-height: .9rem; border: 1px solid #eb8b40; width: 12%; margin-right: 2%; text-align: center; border-radius: 0 .5rem 0 .5rem; } .news_container2 .news-slide3 li .name { display: block; color: #333333; font-size: .7rem; width: 82%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_container2 .news-slide3 li a { margin: 0 .2rem; } .tab_new { display: none; margin-bottom: 1rem; } .tab_new.active { display: block; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .ld_contianer { margin-top: -.9rem; margin-bottom: -1.2rem; } .province_line { height: .01rem; } .news-toutiao { height: 2rem; background-color: #fcf4eb; border-radius: .6rem; } .news-toutiao .swiper-slide a { display: block; width: 100%; height: 100%; padding: 0 3%; box-sizing: border-box; color: #cf2608; font-size: .7rem; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-toutiao .swiper-slide a::before { content: ''; display: inline-block; width: .3rem; margin-right: .4rem; height: .3rem; border-radius: 50%; background-color: #cf2608; } .graybg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .4); z-index: 999; display: none; } .province_span .jiancheng { font-size: 1.1rem; } .provin_txt { width: 1.8rem; height: .7rem; border-radius: .7rem; text-align: center; border: 1px solid #999; color: #333333; font-size: .5rem; display: flex; justify-content: center; align-items: center; margin-top: .1rem; } .provin_txt .zg_iocdown { width: .4rem; margin-left: .1rem; } /* 2021.1.25国考通栏end */