html{ font-size: -webkit-calc(100vw * 100 /1080); font-size: -moz-calc(100vw * 100 /1080); font-size: calc(100vw * 100 /1080); min-width:375px; } body { font-size: 0.36rem; margin:0; position: relative; min-height: 100vh; -webkit-tap-highlight-color:transparent; position: relative; min-width:375px; } a{ outline:none; -webkit-tap-highlight-color: rgba(0,0,0,0);color:#454545; } a:focus{ outline:none; } a:hover,a:active{ outline:0; } a,a:visited,a:active,a:hover{ text-decoration:none; } :focus{ outline: 0; } *{ margin: 0; padding: 0; font-size: 0; } .mrg20{ margin: 0 .1rem;} .header-box{ height: 1rem; padding:.4rem; } .header-box .logo{ display: inline-block; vertical-align: middle; margin-right: 1.7rem; } .header-box .logo img{ display: block; width: 2.7rem; height: 1rem; } .header-box .search{ display: inline-block; vertical-align: middle; background: #f0f2f4; border-radius: .15rem; } .header-box .search input{ display: inline-block; vertical-align: middle; width: 3rem; height: .8rem; line-height: .8rem; padding-left: .3rem; font-size: .3rem; color: #333; border: none; background: none; } .header-box .search button{ width: .8rem; height: .8rem; border: none; color: rgba(255,255,255,0.00); background: url(/template/mobile/skin/image/search-icon.png) no-repeat center; background-size: .4rem; } .header-box .menu-btn{ float: right; } .header-box .menu-btn button{ width: .9rem; height: .9rem; border: none; border-radius: 1rem; background:#006CE0 url(/template/mobile/skin/image/menu_icon.png) no-repeat center; background-size: .45rem; } .layer{ content: ""; position: fixed; top: 0; right: 0; width: 50%; height: 100%; transition: .5s; z-index:-1; opacity:0; } .layer.active { z-index:100; opacity:1; } .mask { position:fixed; top:0;left:0; display:none; width:100%;height:100%; background:rgba(0,0,0,.4); z-index:10; } .nav-menu{ position: fixed; top:0; right: 0; z-index: 99; background: #fff; width: 50%; height: 100%; padding-top: 1rem; } .nav-menu li{ border-bottom: 1px solid #ededed; } .nav-menu .close-icon{ text-align: right; border: none; } .nav-menu .close-icon img{ width: .8rem; height: .8rem; margin-right: .5rem; } .nav-menu li a{ display: block; font-size: .4rem; color: #333; line-height: 3.2; padding-left: .45rem; } .banner-box{ margin:0 .4rem; } .banner-box img{ width:100%; border-radius: .2rem; } .menu-box{ margin: .5rem 0.3rem; } .menu-box li{ display: inline-block; width: 20%; margin: .3rem 0; } .menu-box li a{ display: block; text-align: center; font-size: .3rem; color: #454545; } .menu-box li a img{ display: block; width: 1rem; height: 1rem; margin: 0 auto .14rem; } .tips-bar{ position: relative; margin: 0 .3rem; padding: 0 .2rem 0 .9rem; border-radius: .15rem; background:#f7f7f7 url("/template/mobile/skin/image/ring_icon.png") no-repeat .25rem center; background-size: .45rem; } .tips-bar::after{ content: ""; display: block; position: absolute; left: 2.5rem; top: 0; bottom: 0; margin: auto; width: 1px; height: .4rem; background: #c5c5c5; } .tips-bar span{ display: inline-block; vertical-align: middle; font-style: italic; font-weight: bold; font-size: .32rem; color: #000; line-height: 1rem; } .tips-bar span b{ color: #18a9b7; font-size: .32rem; } .tips-bar p{ font-size: .32rem; display: inline-block; vertical-align: middle; width: 7rem; line-height: 1rem; margin-left: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tab-box{ margin: .8rem .4rem; } .tab-box .tab-head{ display: flex; margin: .75rem 0 .5rem; } .tab-box .tab-head span{ position: relative; padding: .2rem 0; font-size: .38rem; color: #464646; text-align: center; flex: 1; } .tab-box .tab-head span.active{ color: #35afbc; } .tab-box .tab-head span.active::after{ position: absolute; content: ""; display: block; bottom: -.05rem; left: 0; right: 0; margin: auto; width: .65rem; height: 2px; background: #35afbc; } .tab-list{ } .tab-list li{ margin: .32rem 0; } .tab-list li a{ } .tab-list li a .fl{ display: inline-block; vertical-align: top; } .tab-list li a .fr{ display: inline-block; vertical-align: top; margin-left: .55rem; width: 5.9rem; } .tab-list li a .fl img{ width: 3.5rem; height: 1.9rem; border-radius: .15rem; } .tab-list li a .fr h3{ font-size: .36rem; color: #242424; line-height: 1.6; height: 1.5rem; } .tab-list li a .fr em{ color: #7a7a7a; font-size: .3rem; font-style: normal; } .bar-box{ display: flex; flex-wrap: wrap; margin: .2rem; } .bar-box .item{ width: 48%; height: 2rem; background: url("/template/mobile/skin/image/bar_1.jpg") no-repeat center; background-size: cover; margin: .12rem 1%; border-radius: .15rem; } .bar-box .item h2{ font-size: .36rem; color: #3b9b7d; margin: .4rem 0 .2rem .4rem; } .bar-box .item p{ font-size: .3rem; color: #3b9b7d; margin-left: .4rem; } .bar-box .item:nth-child(2){ background-image: url("/template/mobile/skin/image/bar_2.jpg"); } .bar-box .item:nth-child(3){ background-image: url("/template/mobile/skin/image/bar_3.jpg"); } .bar-box .item:nth-child(4){ background-image: url("/template/mobile/skin/image/bar_4.jpg"); } .bar-box .item:nth-child(2) h2, .bar-box .item:nth-child(2) p{ color: #c22b36; } .bar-box .item:nth-child(3) h2, .bar-box .item:nth-child(3) p{ color: #c88d4f; } .bar-box .item:nth-child(4) h2, .bar-box .item:nth-child(4) p{ color: #4730a6; } .sample-show-box{ } .sample-show-box .row{ } .sample-show-box .row h4{ margin: 0 .25rem; position: relative; font-size: .4rem; color: #353535; line-height: 3; padding-left: .3rem; } .sample-show-box .row h4::before{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ""; display: block; width: 3px; height: .45rem; background: #35afbc; } .sample-show-box .img-box{ display: inline-block; width: 48%; text-align: center; margin: .2rem 1%; border: 1px solid #efeeef; box-sizing: border-box; } .sample-show-box .img-box img{ width: 100%; height: 3rem; } .sample-show-box .img-box p{ font-size: .32rem; color: #454545; line-height: 3.5; } .footer{ background: #0b0b0b; padding: .8rem 0 .5rem; margin-top: 1rem; margin-bottom: 1.5rem; } .footer .row{ text-align: center; margin: 0 .4rem; } .footer .row span{ color: #fff; font-size: .36rem; padding: 0 .2rem; border-right: 1px solid #fff; } .footer .row span:last-of-type{ border: none; } .footer .white{ font-size: .32rem; text-align: center; color: #fff; line-height: 2; margin-top: .5rem; margin-bottom: .5rem; } .footer .white.cy{ border-top: 1px solid #fff; padding-top: .5rem; } .footer .white.cy a:last-child { color:#fff; font-size:.32rem; } .tab-bot{ position: fixed; bottom: 0; z-index: 95; width: 100%; background: #fff; height: 1.5rem; display: flex; flex-wrap: nowrap; box-shadow: 0 -2px 2px 0 rgba(0,0,0,.1); } .tab-bot .item{ flex: 1; text-align: center; } .tab-bot .item a { color:#4d4d4d; font-size:.28rem; } .tab-bot .item img{ display: block; width: .55rem; height: .55rem; margin: .2rem auto .1rem; } .tab-bot .item.active a {color:#006CE0;} /*二级*/ .container{ border-top: .2rem solid #f2f2f2; } .ad-box{ margin: .4rem; } .article-detail .ad-box{ margin: .5rem 0; } .ad-box img{ width: 100%; height: 1.4rem; } .breadcrumb{ color:#555; font-size:.32rem; margin: 0 .3rem; line-height: 3; } .breadcrumb li{ display: inline-block; font-size: .32rem; color: #555; padding: 0 .1rem; } .breadcrumb li a::after{ content:" >"; } .breadcrumb li a{ font-size: .32rem; color: #555; } .page-head{ position: relative; margin: .2rem .4rem; line-height: 1rem; clear: both; } .page-head h4{ position: relative; color: #006CE0; font-size: .4rem; padding-left: .3rem; } .page-head h4::before{ position: absolute; content: ""; display: block; width: 3px; height: .4rem; background: #006CE0; top: 0; bottom: 0; left: 0; margin: auto; } .tab-cho{ display: flex; background: #fbfaf9; line-height: 1rem; } .tab-cho .tab-item{ flex: 1; text-align: center; font-size: .36rem; color: #5c5c5c; } .tab-cho.sty2{ margin-top: .5rem; } .tab-cho.sty2 .tab-item{ line-height: .45rem; padding: .15rem 0; } .tab-cho .tab-item small{ display: block; font-size: .3rem; } .tab-cho .tab-item.active{ background: #3fc8d2; color: #fff; } .city-choose{ margin: .4rem; border-bottom: 1px solid #e6e6e6; padding-bottom: .2rem; } .city-choose li{ display: inline-block; } .city-choose li a{ display: block; font-size: .38rem; color: #333; line-height: 2; padding: 0 .35rem; margin: .1rem; } .city-choose li a.active{ color: #fff; background: #2aaab9; border-radius: .15rem; } .fl-part{ margin: 0 .3rem; } .fl-part .item{ display: inline-block; width: 48%; margin: .2rem 1%; border:1px solid #ededed; overflow: hidden; box-sizing: border-box; } .fl-part .item img{ width: 100%; height: 2.5rem; } .fl-part .item .item-h{ overflow: hidden; height: 1rem; line-height: 1rem; } .fl-part .item .item-h h5{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .32rem; font-weight: normal; color: #525252; text-align: center; } .fl-part .item a{ position: relative; display: block; } .fl-part .item a:hover::before{ position: absolute; z-index: 2; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.5) url(/template/mobile/skin/image/img_hover.png) no-repeat center; background-size: 37px; } .links{ margin: .4rem; } .links li i{ display: inline-block; vertical-align: middle; color: #006CE0; font-style: normal; font-size: .3rem; border-radius: .1rem; width: .8rem; line-height: .5rem; border: 1px solid #006CE0; text-align: center; margin-right: .15rem; } .links li h5{ position: relative; display: inline-block; vertical-align: middle; width: 6.9rem; padding-left: .3rem; font-weight: normal; font-size: .38rem; color: #444; line-height: 2.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget li h5{ width: 6.5rem; padding-left: 0; } .links li h5::before{ position: absolute; display: block; content: ""; width: 4px; height: 4px; background: #006CE0; top: 0; bottom: 0; left: 0; margin: auto;; } .widget li h5::before{ display: none; } .links li em{ font-size: .38rem; color: #797979; float: right; font-style: normal; line-height: 2.5; } .nav-page{ margin: .5rem auto; text-align: center; } .nav-page ul li{ display: inline-block; } .nav-page ul li a, .nav-page ul li span { display: block; margin: 0 .1rem; padding: 0 .35rem; height: .8rem; line-height: .8rem; background: #fff; border: 1px solid #e0e0e0; font-size: .36rem; color: #555; } .nav-page ul li a.active{ background: #006CE0; color: #fff; border: none; } .article-detail{ margin: 0 .4rem; } .article-detail p{ font-size: .36rem; color: #444; line-height: 2; text-indent: 2em; margin: .5rem 0; } .article-detail .article-header{ margin-top: .3rem; border-bottom: 1px solid #e2e2e2; } .article-detail .article-header h3{ font-size: .42rem; color: #333; line-height: 1.8; } .article-detail .article-header .header-meta{ padding: .4rem 0; } .article-detail .article-header .header-meta span{ font-size: .3rem; color: #5e5e5e; margin-right: .3rem; } .article-detail .content img, .article-detail .content p img { width:100%; text-indent:0; } .part{ margin:1rem .4rem; } .part .row{ position: relative; } .part .row .sty2{ position: relative; border-bottom: 1px solid #e2e2e2; font-size: .4rem; line-height: 3.2; } .part .row .more{ position: absolute; font-size: .38rem; right: 0; bottom: 0; margin: auto; color: #7a7a7a; line-height: 3.2; } .part .row .sty2::after{ position: absolute; content: ""; display: block; left: 0; bottom: -1px; width: 1.6rem; height: 3px; background: #006CE0; } .part .row .links{ margin: .4rem 0; } .bg-img img{ width: 100%; height: 2.5rem; } .gz-tit{ text-align: center; font-size: .45rem; font-weight: bold; color: #333; padding: .2rem 0 .55rem; margin: .6rem 0; background: url(/template/mobile/skin/image/gz_tit_img.png) no-repeat center bottom; background-size: 5.5rem; } .gz-list{ text-align: center; margin:0 .4rem .6rem; } .gz-list li{ display: inline-block; width: 23%; line-height: 2.5; font-size: .36rem; color: #fff; background: #2aaab9; margin: .15rem 1%; } .process-box{ background: #2aaab9; padding: .4rem; } .process-box li{ display: inline-block; width: 20%; text-align: center; color: #fff; font-size: .36rem; padding: .5rem 0; } .process-box li img{ width: 1.3rem; height: 1.3rem; display: block; background: url(/template/mobile/skin/image/gz_icon_bg.png) no-repeat center .1rem; background-size: 1.2rem; margin: 0 auto .15rem; padding-bottom: .03rem; } .process-box li i{ display: block; font-size: .36rem; color: #33a9bf; background: #fff; width: .5rem; height: .5rem; border-radius: .5rem; line-height: .5rem; text-align: center; font-style: normal; margin: .1rem auto 0; } .swiper .swiper-pagination .swiper-pagination-bullet { background:#fff; } .crumb { font-family: "宋体","黑体"; } .crumb a { font-family:"Gilroy-Light","苹方","微软雅黑","Arial"; color:#555; font-size:.32rem; } .pager { display:flex; display:-webkit-flex; justify-content:space-around; font-size:.32rem; } .pager strong { color:#555; font-size:.32rem; font-family:"黑体"; font-weight:normal; } .pager li { display:inline-block; } .pager li span, .pager li a { display:inline-block; height:1.2rem; line-height:1.2rem; padding:0 7px; color:#555; font-size:.32rem; background:#fff; border:1px solid #eee; } .cjwt-show{ margin:0 .4rem 1rem; } .cjwt-show .row{ padding:.2rem 0 .8rem 0; border-bottom: 1px solid #eae9e9; } .cjwt-show .row .ques,.cjwt-show .row span{ font-size: .4rem; color: #1a1a1a; line-height: 1.5; } .cjwt-show .row .ques{ position: relative; padding-left: .7rem; margin: .5rem 0; } .cjwt-show .row .ques::before{ content: ""; display: block; width: .5rem; height: .5rem; position: absolute; left: 0; top: .02rem; background: url(/template/mobile/skin/image/ques_icon.png) no-repeat center; background-size: .45rem; } .cjwt-show .row .ptxt{ background: #f6f6f6; padding: .4rem .5rem; } .cjwt-show .row .ans{ padding-left: .2rem; font-size: .38rem; color: #1a1a1a; line-height: 2.2; } .cjwt-show .row .ans span{ font-size: .38rem; color: #1a1a1a; line-height: 2.5; } .search-box{ margin: .4rem; } .search-box input{ display: inline-block; vertical-align: top; border: 1px solid #d8d8d8; box-sizing: border-box; font-size: .4rem; width: 7.5rem; padding-left: 1rem; height: 1.2rem; line-height: 1.2rem; background: url(/template/mobile/skin/image/search-icon.png) no-repeat .3rem center; background-size: .5rem; outline: none; border-radius: 0; } .search-box button{ display: inline-block; vertical-align: top; width: 2.5rem; height: 1.2rem; background: #006ce0; font-size: .4rem; line-height: 1.2rem; color: #fff; text-align: center; border: none; outline: none; } .links.pstj {display:none;} .links.pstj.active {display:block;} .file { text-align:center; border:1px solid #ddd; padding:8px; box-sizing:border-box; } .file p { color:#222; font-size:.4rem; text-indent:0; margin:0 0 10px; } .file a { display:block; width:100%;height:1.2rem; line-height:1.2rem; color:#fff; font-size:.4rem; background:#006CE0; }