/* CSS Document */ html { -webkit-text-size-adjust: none; -ms-touch-action: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 设置图片视频等自适应调整 */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */} .video embed, .video object, .video iframe { width: 100%; height: auto; } input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; } .css{ -webkit-touch-callout: none;} a{ -webkit-tap-highlight-color: rgba(0,0,0,0); /*-webkit-user-modify: read-write-plaintext-only; */} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a: visited{ color: rgba(0,0,0,0); } h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }i{ font-style: normal; } li{ list-style: none}img{ border: 0; }a{ color: #000; text-decoration: none; outline: none; }/*a:hover{ color: #c00; text-decoration: underline; }*/em{ font-style: normal; } body{ background: #fafafa; font-size: .6rem ; font-family: "Microsoft Yahei","SimSun","Arial Narrow"; /* -webkit-filter: blur(4px); */} .clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }/* 清除浮动*/* html .clearfix{ zoom: 1; } .fl{ float: left; display: inline; } .fr{ float: right; display: inline; } /*-------------------------------------------------------------------------------------------------------------------------*/ .w{ width: 100%; max-width: 640px; } #index{ width: 100%; height: 100%; background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #index .logo { width: 30%; position: absolute; top: 25%; left: 50%; margin-left: -15%; text-align: center; } #index .logo1 { width: 80%; position: absolute; bottom: 15%; left: 50%; margin-left: -40%; text-align: center; } .content{ width: 100%; height: 100%; } .content.blur{ -webkit-filter: blur(20px) contrast(0.4) brightness(1.4); filter: blur(20px) contrast(0.4) brightness(1.4); clip: rect(205px 572px 516px 351px); } .content header{ height: 1.8rem; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 96; border-bottom: 1px solid #d3d3d3; } .content header .logo{ float: left; height: 1.8rem; width: 100%; background: url("/app/images/logo.png") no-repeat center; background-size: auto 80%; } .content header .menu{ position: absolute; bottom: 0px; left: 0; width: 1.8rem; height: 100%; background: url("/app/images/icon-left.png") no-repeat center; background-size: 54%; } .content header .set{ position: absolute; bottom: 0px; right: 0; width: 1.8rem; height: 100%; background: url("/app/images/icon-right.png") no-repeat center; background-size: 54%; } #menu{ position: fixed; z-index: 99; left: -75%; top: 0; height: 100%; width: 75%; background: #f0f0f0; z-index: 101; } #menu .head,#set .head{ width: 100%; text-align: center; height: 30%; background: url("/app/images/menu-bg.jpg") no-repeat; background-size: cover; position: relative; } #menu .head img,#set .head img{ width: 4rem; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); position: absolute; } #menu .b,#set .b{ height: 60%; } #menu .b ul,#set .b ul{ height: 100%; } #menu .b li{ height: 20%; border-bottom: 1px solid #dfdfdf; } #menu .b li a{ height: 100%; width: 100%; font-size: .8rem; position: relative; display: block; } #menu .b li.a1 a{ background: url("/app/images/menu-1.png") no-repeat 1.4rem center; background-size: .8rem; } #menu .b li.a2 a{ background: url("/app/images/menu-2.png") no-repeat 1.4rem center; background-size: .8rem; } #menu .b li.a3 a{ background: url("/app/images/menu-3.png") no-repeat 1.4rem center; background-size: .8rem; } #menu .b li.a4 a{ background: url("/app/images/menu-4.png") no-repeat 1.4rem center; background-size: .8rem; padding: 15px 0 15px 50px; line-height: 20px; } #menu .b li.a5 a{ background: url("/app/images/menu-5.png") no-repeat 1.4rem center; background-size: .8rem; } #menu .b li a span{ color: #7d7d7d; transform: translate(0, -50%); -webkit-transform: translate(0,-50%); position: absolute; top: 50%; left: 2.6rem; } #menu .b li i{ display: inline-block; height: 100%; width: 2rem; position: absolute; top: 0; right: 0; background: url("/app/images/button-1.png") no-repeat center; background-size: .75rem; } #set{ position: fixed; z-index: 99; top: 0; right: -75%; height: 100%; width: 75%; background: #f0f0f0; z-index: 101; } #set .b li{ height: 20%; line-height: 100%; border-bottom: 1px solid #dfdfdf; font-size: .8rem; position: relative; } #set .b li.a1{ background: url("/app/images/set-1.png") no-repeat 1.4rem center; background-size: .8rem; } #set .b li.a2{ background: url("/app/images/set-2.png") no-repeat 1.4rem center; background-size: .8rem; } #set .b li a{ color: #7d7d7d; transform: translate(0, -50%); -webkit-transform: translate(0,-50%); position: absolute; top: 50%; left: 2.6rem; } #set .b li i{ display: block; height: 1.4rem; width: 2.4rem; background: #ececec url("/app/images/button-1.png") no-repeat center; background-size: .8rem; border: 1px solid #b6b6b6; border-radius: 2rem; position: absolute; right: .6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #set .b li.a2 i{ background: #ececec; } #set .b li.a2 em{ position: absolute; top: -1px; left: -1px; display: inline-block; height: 1.4rem; width: 1.4rem; border: 1px solid #b6b6b6; border-radius: 2rem; background: #fff; -webkit-transition: all .3s; transition: all .3s;} #set .b li.a2 i.light{ background: #c50000; border-color: #c50000; } #set .b li.a2 i.light em{ border-color: #c50000; left: auto; right: -1px; border-color: #fff;} .bbbg{ z-index: 98; position: fixed; top: 0; left: 0; opacity: 0.6; height: 100%; width: 100%; background: rgba(0,0,0,.8); display: none; } nav{ position: fixed; left: 0; top: 1.8rem; z-index: 96; width: 100%; height: 2rem; overflow: hidden; background: #efefef; font: .8rem/2rem hiragino sans gb, microsoft yahei, simsun; border-bottom: 1px solid #d3d3d3; padding-right: 1.5rem; } nav .swiper-slide { padding: 0 1rem; width: auto; } nav .swiper-slide a{ display: inline-block; height: 100%; color: #5a5a5a; font-weight: bold; } nav .swiper-slide.underline a,nav .swiper-slide a.active{ border-bottom: 2px solid #dc0000; color: #dc0000; } #mot{ position: fixed; top: 1.8rem; right: 0px; height: 1.8rem; width: 1.5rem; background: #efefef; font-size: 1.2rem; font-weight: 900; line-height: 1.8rem; z-index: 97; text-align: center; color: #5a5a5a;} #sidenav{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: url("/app/images/bbg.jpg") no-repeat center top ; background-size: 100% 100%; z-index: 99; display: none; } #sidenav .b{ position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 80%; } #sidenav .b ul{ width: 100%; } #sidenav .b li{ width: 50%; text-align: center; float: left; padding: .5rem;} #sidenav .b li a{ display: inline-block; text-align: center; font-size: 18px; color: #8f0000; height: 5rem; width: 5rem; background: #fff; border-radius: 50%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); font-weight: bold; } #sidenav .b li a i{ display: inline-block; height: 2.8rem; width: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: 1.8rem; margin-bottom: .3rem;} #sidenav .b li.s1 a i{ background-image: url("/app/images/nav-1.png"); } #sidenav .b li.s2 a i{ background-image: url("/app/images/nav-2.png"); } #sidenav .b li.s3 a i{ background-image: url("/app/images/nav-3.png"); } #sidenav .b li.s4 a i{ background-image: url("/app/images/nav-4.png"); } #sidenav .b li.s5 a i{ background-image: url("/app/images/nav-5.png"); } #sidenav .b li.s6 a i{ background-image: url("/app/images/nav-6.png"); } #sidenav .quit{ height: 2rem; width: 2rem; position: absolute; bottom: 1rem; left: 50%; margin-left: -1rem; background: url("/app/images/button-4.png") no-repeat center; background-size: 100%; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1); box-shadow: 0 0 20px rgba(0,0,0,.1); border-radius: 50%; } .cont{ margin-top: 3.8rem; } /*焦点图*/ #banner { width: 100%; height: 10rem; overflow: hidden; position: relative; } #banner .swiper-slide { position: relative; text-align: center; } #banner .swiper-slide img{ width: 100%; height: 10rem; -o-object-fit: cover; object-fit: cover;} #banner .gallerytitle { text-align: left; text-indent: .6rem; font-size: .7rem; height: 1.5rem; line-height: 1.5rem; color: #fafafa; position: absolute; left: 0; bottom: 0; right: 0; font-weight: normal; text-shadow: 1px 1px 1px #000; background: rgba(0,0,0,.4); overflow: hidden; padding-right: 2.5rem; white-space: nowrap; text-overflow: ellipsis;} #banner .pagination { position: absolute; z-index: 20; bottom: .6rem; width: 2.6rem; height: .3rem; line-height: .3rem; text-align: center; right: 0; } #banner .swiper-pagination-bullet { display: inline-block; width: .26rem; height: .26rem; border-radius: 50%; background: #fff; margin: .02rem .08rem; opacity: 0.8; cursor: pointer; vertical-align: top;} #banner .swiper-pagination-bullet-active { background: #d9393a; } /*列表*/ .art-box-list{ margin-bottom: .6rem; } .art-box-list li{ padding: .6rem; border-bottom: 1px solid #dcdcdc; } .art-box-list li:hover,.art-box-list li:active{ background: #f0efef; } .art-box-list li a{ display: block; } .art-box-list li .im{ overflow: hidden; height: 3rem;} .art-box-list li .im img{ margin-right: .6rem; float: left; height: 3rem; width: 5.33rem; overflow: hidden; -o-object-fit: cover; object-fit: cover;} .art-box-list li p{ overflow: hidden; line-height: 1rem; font-size: .7rem; height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .column-loading{ height: 1.2rem; color: #6e6e6e; line-height: 1.2rem; margin: 0 auto .6rem; text-align: center;} /*内容*/ .page{ padding: 2.4rem .6rem; } .page .ht h1{ font-weight: bold; font-size: 1rem; padding-left: .2rem; line-height: 120%; border-left: 4px solid #db0000; color: #131313;margin-bottom: .6rem;} .page .ht p{ font-size: .55rem; color: #888888; margin-bottom: .6rem; } .page .ht p span{ margin-right: 20px; } .page .bt p{ margin: .5rem 0; line-height: 160%; font-size: .75rem; } footer{ position: fixed; bottom: 0; left: 0; width: 100%; height: 1.8rem; border-top: 1px solid #d3d3d3; background: #fff; z-index: 100; } footer i{ display: inline-block; position: absolute; height: 1.8rem; width: 1.8rem; bottom: 0; } footer #back{ background: url("/app/images/button-2.png") no-repeat center; background-size: 54%; left: 0; } footer #font-set{ background: url("/app/images/set-3.png") no-repeat center; background-size: 70%; right: .4rem; } footer #share{ background: url("/app/images/share-1.png") no-repeat center; background-size: 54%; right: 2.2rem; display: none; } footer #share2{ background: url("/app/images/share-2.png") no-repeat center; background-size: 30px; right: 120px; display: none; } footer #share3{ background: url("/app/images/share-3.png") no-repeat center; background-size: 30px; right: 60px; display: none; } #fontSet{ position: fixed; bottom: -2.6rem; z-index: 99; left: 0; width: 100%; height: 2.6rem; background: rgba(255,255,255,0.9); border-top: 1px solid #d3d3d3; text-align: center; } #fontSet span{ display: inline-block; height: 1.6rem; line-height: 1.6rem; width: 1.6rem; margin: .5rem .2rem; text-align: center; background: #FFF; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2); box-shadow: 0 0 20px rgba(0,0,0,.2); border-radius: 50%; } #fontSet .exit{ position: absolute; right: 0; top: 0; background: url("/app/images/button-3.png") no-repeat center; background-size: 40%; height: 2.6rem; width: 2.6rem; } #fontSet span.opt{ background: #747a93; color: #fff; } .share{ height: 60px; width: 100%; position: fixed; bottom: -60px; left: 0; z-index: 101; display: none;} .share .bdsharebuttonbox{ width: 240px; position: absolute; left: 50%; margin-left: -120px; } .bdshare-button-style2-32 a{ display: block !important; border-radius: 50%; width: 50px !important; height: 50px !important; text-indent: 0 !important; margin: 0px !important; position: fixed; bottom: 0; opacity: 0; } .bdshare-button-style2-32 a:hover{ opacity: 0 !important; } .bdsharebuttonbox .bds_weixin{ background: url("/app/images/share-weixin.png") no-repeat center !important; background-size: 50px !important; } .bdsharebuttonbox .bds_tsina{ background: url("/app/images/share-tsina.png") no-repeat center !important; background-size: 50px !important; right: 110px; } .bdsharebuttonbox .bds_qzone{ background: url("/app/images/share-qzone.png") no-repeat center !important; background-size: 50px !important; } .bdsharebuttonbox .bds_tqq{ background: url("/app/images/share-tqq.png") no-repeat center !important; background-size: 50px !important; right: 60px; } .bdsharebuttonbox .bds_more{ background: url("/app/images/share-more.png") no-repeat center !important; background-size: 50px !important; } #bdshare_weixin_qrcode_dialog{ height: 320px !important; z-index: 100; width: 260px !important; } #bdshare_weixin_qrcode_dialog_bg{ z-index: 99; } .page.font-small .ht h1{ font-size: .8rem;} .page.font-small .ht p{ font-size: .5rem;} .page.font-small .bt p{ font-size: .6rem; margin: .4rem 0; } .page.font-middle .ht h1{ font-size: 1rem;} .page.font-middle .ht p{ font-size: .55rem;} .page.font-middle .bt p{ font-size: .75rem; margin: .5rem 0; } .page.font-big .ht h1{ font-size: 1.1rem;} .page.font-big .ht p{ font-size: .6rem;} .page.font-big .bt p{ font-size: .9rem; margin: .6rem 0; } /*搜索*/ .search-1{ position: absolute; height: 50px; top: 1.8rem; left: 0px; width: 100%; padding: 8px; background: none; } /*.search-1 .search{ height: 34px; width: 100%; background: #e6e4e4 url("/app/images/set-1.png") no-repeat 8px center /16px; padding-left: 30px; border-radius: 4px; } .search-1 .search input{ border: none; background: none; font-size: 16px; line-height: 30px; height: 30px; color: #7d7d7d; } input#search{ margin-top: 2px; width: 100%; } input#submit{ position: absolute; top: 10px; right: 8px; width: 60px; text-align: center; background: #e6e4e4; border-radius: 4px; }*/ .bdcs-container .bdcs-search{ width: 100%; border: none; border-radius: 4px; position: relative; background: #e6e4e4 url("/app/images/set-1.png") no-repeat 8px center; background-size: 16px; } .bdcs-container .bdcs-search-form-input{ border: none; background: none; font-size: 16px; color: #7d7d7d; width: 100%; text-indent: 30px; line-height: 36px; } .bdcs-container .bdcs-search-form-submit{ position: absolute; top: 0px; right: 0px; width: 60px; border-radius: 4px; border: none; color: #656464; background: none; } /*护眼模式*/ .lighton,.lighton #menu .head,.lighton #set .head,.lighton .content header,.lighton #menu,.lighton #set,.lighton nav,.lighton footer{ background: #0f2242; } .lighton .content header .logo{ background-image: url("/app/images/logo1.png"); } .lighton .content header .menu{ background-image: url("/app/images/icon-left1.png"); } .lighton .content header .set{ background-image: url("/app/images/icon-right1.png"); } .lighton #menu .b li.a1 a{ background-image: url("/app/images/menu-1f.png"); } .lighton #menu .b li.a2 a{ background-image: url("/app/images/menu-2f.png"); } .lighton #menu .b li.a3 a{ background-image: url("/app/images/menu-3f.png"); } .lighton #menu .b li.a4 a{ background-image: url("/app/images/menu-4f.png"); } .lighton #menu .b li.a5 a{ background-image: url("/app/images/menu-5f.png"); } .lighton #set .b li.a1{ background-image: url("/app/images/set-1f.png"); } .lighton #set .b li.a2{ background-image: url("/app/images/set-2f.png"); } .lighton #menu .b li i{ background-image: url("/app/images/button-1f.png"); } .lighton #menu .b li{ border-bottom: 1px solid #333743; } .lighton #menu .b li a span{ color: #747a93; } .lighton #set li,.lighton #menu .head,.lighton #set .head{ border-bottom: 1px solid #333743; } .lighton #set .b li a{ color: #747a93; } .lighton nav{ border-color: #5d7493; background: #0b182b; } .lighton #mot{ background: #0b182b; } .lighton nav .swiper-slide a{ color: #576e90} .lighton .art-box-list li{ border-color: #5c7392; } .lighton .art-box-list li:hover,.lighton .art-box-list li:active{ background: #163262; } .lighton .art-box-list li a,.lighton nav .swiper-slide.underline a,.lighton #mot,.lighton .page .ht h1,.lighton .page .bt p{ color: #fff; } .lighton .content header,.lighton footer{ background: #0b1829; border-color: #5d7493; } .lighton footer #back{ background-image: url("/app/images/button-2f.png"); } .lighton footer #font-set{ background-image: url("/app/images/set-3f.png"); } .lighton footer #share2{ background-image: url("/app/images/share-2f.png"); } .lighton footer #share3{ background-image: url("/app/images/share-3f.png"); } /*反四风*/ .con{ position: absolute; top: 1.8rem; bottom: 0; left: 0; right: 0; width: 100%; max-width: 640px; background: #fff url("/app/images/fsf-bg-head.jpg") no-repeat center top ; background-size: 100%; } .con .foot{ position: absolute; bottom: 1.5rem; left: 0; width: 100%; } .con .foot1{ position: absolute; bottom: 1rem; width: 50%; right: 0; } .con .ft{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1.5rem; line-height: 1.5rem; color: #fff; text-align: center; background: #de0000; } .con .report{ width: 50%; margin: 0 25%; position: absolute; top: 55%; text-align: center; } .con .report a{ margin-bottom: 10%; display: block; } .page-con{ margin-top: 1.8rem; width: 100%; max-width: 640px; background: #fff url("/app/images/fsf-bg-head1.jpg") no-repeat center top ; background-size: 100%; } .page-con form{ padding: 0 .8rem; background: url("/app/images/foot.png") no-repeat center bottom; background-size: 100%; } .page-con .form-h{ width: 100%; height: 5rem; text-indent: -9999em; } .page-con .br{ position: relative; } .page-con .br label{ display: block; line-height: 2rem; font-size: .85rem; font-weight: bold; padding-left: .4rem; } .page-con .br label span{ color: #d30909; } .page-con .br input,.page-con .br select,.page-con .br textarea{ width: 100%; height: 2rem; background: #fff; margin-bottom: .4rem; border-radius: 6px; border: none; font: .7rem/2rem 'Microsoft Yahei'; text-indent: .5rem; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); } .page-con .br select{ background: #fff url("/app/images/select.png") no-repeat center right; background-size: 25px; } .page-con .br textarea{ height: 10rem; padding: .5rem; text-indent: 0; line-height: 1rem; } .page-con .load label{ line-height: 48px; margin-top: .5rem; } .page-con .load p{ width: 40%; height: 48px; line-height: 48px; background: #0f4896; color: #fff; border-radius: 6px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; position: absolute; right: 0; top: 0; } .page-con .load input{ width: 40%; height: 48px; position: absolute; right: 0; top: 0; opacity: 0; } .page-con .br .remind{ color: #000; margin: .6rem 0; line-height: 1rem; font-size: .7rem; padding: 0 .6rem; } .page-con .br #submit{ width: 100%; background: #d30909; font-size: 1rem; color: #fff; margin: .6rem 0 2rem; } .foot2{ width: 100%; height: 1.8rem; line-height: 1.8rem; font-size: .7rem; color: #fff; text-align: center; background: #d30909; } #goback{ position: fixed; bottom: .6rem; left: .6rem; height: 1.5rem; width: 1.5rem; background: url("/app/images/goback.png") no-repeat center; background-size: 100%; } #tousu{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; background: url("/app/images/bbg1.jpg") no-repeat center top; background-size: 100%; z-index: 99; display: none; } #tousu .tousu-h{ text-align: center; margin-top: 10%; } #tousu .tousu-h span{ padding: 5px 30px; font-size: 18px; border: 1px solid #d2383a; color: #d2383a; border-radius: 100px; } #tousu .b{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 80%; } #tousu .b ul{ width: 100%; } #tousu .b li{ width: 50%; text-align: center; float: left; } #tousu .b li a{ display: inline-block; text-align: center; font-size: 14px; color: #fff; height: 110px; width: 110px; border-radius: 50%; /*box-shadow: 0 0 10px rgba(0,0,0,.2); */margin: 10% 0; padding: 5px; background: rgba(0,0,0,.085); } #tousu .b li a span{ display: block; height: 100px; width: 100px; background: #d2383a; border-radius: 50%; } #tousu .b li a i{ display: inline-block; height: 56px; width: 100%; } #tousu .b li.s1 a i{ background: url("/app/images/tousu-1.png") no-repeat center bottom; background-size: 40px; } #tousu .b li.s2 a i{ background: url("/app/images/tousu-2.png") no-repeat center bottom; background-size: 40px; } #tousu .b li.s3 a i{ background: url("/app/images/tousu-3.png") no-repeat center bottom; background-size: 40px; } #tousu .b li.s4 a i{ background: url("/app/images/tousu-4.png") no-repeat center bottom; background-size: 40px; } #tousu .b li.s5 a i{ background: url("/app/images/tousu-5.png") no-repeat center bottom; background-size: 40px; } #tousu .b li.s6 a i{ background: url("/app/images/tousu-6.png") no-repeat center bottom; background-size: 40px; } #tousu .quit{ height: 50px; width: 50px; position: absolute; bottom: 20px; left: 50%; margin-left: -25px; background: url("/app/images/button-5.png") no-repeat center; background-size: 40px; border-radius: 50%; } .alert-box{ width: 100%; padding: 0 20px; position: fixed; height: 100%; top: 0; left: 0; z-index: 100; display: none; } .alert-box .box{ padding: 20px; border-radius: 20px; height: auto; background: rgba(28,124,254,.9); text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); position: absolute; color: #fff; width: 90%; } .alert-box .box p{ margin: 10px 0; } .alert-box .box p.text1{ font-size: 24px; } .alert-box .box .text3{ margin-top: 20px; } .alert-box .box .text3 em,.alert-box .box .text3 a{ padding: 5px 20px; border: 1px solid #fff; border-radius: 10px; color: #fff; margin-top: 10px; } .alert-box .box span{ display: inline-block; height: 40px; width: 40px; position: absolute; top: 5px; right: 5px; background: url("/app/images/button-4.png") no-repeat center ; background-size: 30px; } .bg{ height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url("/app/images/bbg.jpg") no-repeat center top; background-size: 100%; z-index: 99; display: none; } .page-con1{ margin: 1.8rem auto 0; max-width: 640px; width: 100%; padding: 50% .8rem .5rem; background: url("/app/images/foot.png") no-repeat center bottom; background-size: 100%; } .page-con1 .con1{ padding: .6rem; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); background: #fff; } .page-con1 .con1 .con-h{ line-height: 1.2rem; text-align: center; color: #F00; font-size: 1rem; font-weight: bold; } .page-con1 .con1 .con-b p{ color: #333; text-indent: 2em; margin-top: .4rem; line-height: 160%; font-size: .7rem;} .page-con1 .agree{ position: relative; margin: .8rem 0; height: 1.2rem; line-height: 1.2rem; font-size: .7rem;} .page-con1 .agree div{ width: 8.4rem; position: absolute; top: 0; left: 50%; margin-left: -4.2rem; } .page-con1 .agree span{ height: 1.2rem; width: 1.2rem; background: #fff; border: 1px solid #3ea8c4; display: block; float: left; border-radius: 5px; margin-right: .6rem; } #info{ width: 100%; text-align: center; height: 2rem; line-height: 2rem; border-radius: 5px; background: #de0000; color: #fff; margin-bottom: 2rem; font-size: .7rem;} .page-con1 .agree span.on{ background: url("/app/images/dagou.png") no-repeat center; background-size: 100%; } .jb{ background: url("/app/images/fsf-bg-head2.jpg") no-repeat center top; background-size: 100%; } @media screen and (max-width: 321px){ #tousu .b li a{ margin: 5% 0; } } @media screen and (min-width: 360px){ #tousu .b li a{ height: 130px; width: 130px; font-size: 16px; } #tousu .b li a span{ height: 120px; width: 120px; } #tousu .b li a i{ height: 66px; margin-bottom: 5px; } } @media screen and (min-width: 640px){ .con{ left: 50%; margin-left: -320px; } } /*信息公开*/ .xxgk-nav{ position: fixed; top: 1.8rem; height: 1.8rem; line-height: 1.8rem; background: #efefef; left: 0; right: 0; } .xxgk-nav ul{ display: -webkit-box; display: -ms-flexbox; display: flex;} .xxgk-nav li{ -webkit-box-flex:1; -ms-flex:1; flex:1; text-align: center; font-size: .7rem;} .xxgk-nav li span{ display: inline-block; } .xxgk-nav li.xxgk-cur span{ border-bottom: 2px solid #dc0000; } .xxgk-b{ padding: 4.2rem .6rem .6rem; display: none; } .xxgk-b p{ line-height: 160%; font-size: .68rem; margin: .3rem 0; } .xxgk-b h1{ border-left: 4px solid #dc0000; text-indent: 10px; font-size: .7rem;} .xxgk-b .zjjg{ margin: .6rem 0; border: 1px solid #d3d3d3; border-bottom: none; } .xxgk-b .zjjg .lit{ height: 2rem; background: #e2e2e2; line-height: 2rem; text-indent: .6rem; border-bottom: 1px solid #d3d3d3; font-size: .7rem; } .xxgk-b .zjjg .zjjg-cont .item-h{ line-height: 1rem; padding: .5rem; border-bottom: 1px solid #ebebeb; font-size: .7rem; } .xxgk-b .zjjg .zjjg-cont .item-h:hover,.xxgk-b .zjjg .zjjg-cont .item-h:active{ background: #f1f0ef; } .xxgk-b .zjjg .zjjg-cont .item-b{ padding: .2rem .5rem; display: none; border-bottom: 1px solid #ebebeb; color: #666; } .xxgk-on{ display: block; }