@charset "gb2312";
html,body,div,section,header,p,h1,h2,h3,h4,h5,h6,nav,artical,select,ul,li{padding:0; margin:0; }
a{text-decoration:none; color:inherit;}
img{border:none;}
body{font-size:0; color:#333; height:100%;}


.zg_mainBox{max-width:720px;width:100%; height:100%; margin:0 auto;}
.section{height:13.35rem;}
.zg_page1{background:url(imageszg_p1_bg.jpg) no-repeat center; background-size:100% 100%; text-align:center;}
.zg_page1 h1{width:5.97rem; height:1.32rem; padding-top:1.2rem;  margin:0 auto;}
.zg_page1 h1 img,.zg_p1_m img{width:100%;}
.zg_page1 h2{display:inline-block; padding:0 0.5rem; margin-top:0.1rem; font:0.3rem/0.42rem "Microsoft Yahei"; color:#333; background:url(imageszg_p1_sh.png) no-repeat center; background-size:100% 100%;}
.zg_p1_m{width:6.3rem; height:3.1rem; margin:1.2rem auto 1.21rem auto;}
.zg_page1 .time{position:relative; display:inline-block; margin-left:-5%;}
.zg_page1 p{padding-left:0.4rem; border-radius:0.45rem 0 0 0.45rem; background:#3ba1ff; font:0.28rem/0.4rem "Microsoft Yahei"; color:#fff; text-align:left;}
.zg_page1 span{font:0.36rem/0.5rem "Microsoft Yahei";}
.zg_page1 .time i{display:block; position:absolute; right:-0.78rem; top:0; width:0; height:0; border:solid transparent; border-width:0.45rem 0.4rem; border-left-color:#3ba1ff;}
.zg_page2{background:#fcf67e;}
.zg_page2 h2{position:relative; width:4.08rem; height:1.86rem; padding-top:0.78rem;  margin:0 auto 0.16rem auto; background:url(imageszg_p2_h.jpg) no-repeat center 0.78rem; background-size:4.08rem 1.86rem; font:0.28rem "Microsoft Yahei";}
.zg_page2 h2 b{position:absolute; right:0.75rem; top:1.3rem; font:bold 0.74rem/0.9 "Microsoft Yahei"; color:#2c99ff;}
.zg_page2 h2 p{position:absolute; left:50%; bottom:0.25rem;  width:7.2rem; margin-left:-3.6rem; text-align:center;  white-space:nowrap;}
.zg_page2 h2 span{font:0.32rem "Microsoft Yahei";color:#1d92ff;}
.zg_page2 table{width:90.8%; margin:0 auto;}
.zg_page2 table img{width:1.43rem; height:1.43rem; display:inline-block;}
.zg_page2 table i{color:#1d92ff; font:0.28rem/0.38rem "Microsoft Yahei";}
.zg_page2 table td{font:0.24rem/0.4rem "Microsoft Yahei";}
.zg_page2 table b{font-size:0.28rem;}
.zg_page2 table td:nth-child(1){width:50.67%; height:1.85rem; text-align:center;}
.zg_page2 table td:nth-child(2){text-align:left;}
.zg_p2_p1{text-align:center; }
.zg_p2_p1 a{position:relative; font:bold 0.34rem/0.74rem "Microsoft Yahei"; color:#2c99ff; text-decoration:underline;}
.zg_p2_p1 i{position:absolute; right:-0.4rem; top:0.15rem; display:block; width:0.49rem; height:0.58rem; background:url(imageszg_p2_hand.jpg) no-repeat center; background-size:contain;}
.zg_p2_p2{position:relative; padding-top:0.34rem; text-align:center; white-space:nowrap;}
.zg_p2_p2 a{display:inline-block; width:3rem; margin:0 0.27rem; font:0.3rem/1.12rem "Microsoft Yahei"; color:#fff; background:url(imageszg_p2_box.jpg) no-repeat center; background-size:100%;}
.zg_p2_p2 i{display:block; position:absolute; width:1rem; height:1.3rem; left:50%; top:0.74rem;; margin-left:-0.6rem; background:url(imageszg_p2_pen.png) no-repeat center; background-size:100%; }

/*主要内容公共样式*/
.main{position:relative; background:no-repeat center bottom; background-size:100%; }
.main .gap{height:1.5rem;}
.zg_headline{z-index:10; position:absolute; top:0.4rem; left:2.78%; width:2.1rem; height:1.3rem; background:no-repeat center; background-size:100%;}
.active .zg_headline{animation:ani 1.5s ease; -moz-animation:ani 1.5s ease; -webkit-animation:ani 1.5s ease; }
.guide{position:relative; height:1.88rem; width:74.4%; border:1px solid; margin-left:19.44%;}
.guide p{position:absolute; left:-3px; top:-5.4%; width:94%; height:90%; max-height:1.9rem; padding:1.86% 0 0 4.84%; font:0.28rem/0.4rem "Microsoft Yahei"; color:#fff; overflow:hidden; }
.guide p i{position:absolute; top:0; left:0; display:block; width:0; height:0; border:solid transparent; border-width:0.11rem 0.1rem; }
.main .main_subh{height:0.62rem; text-align:center;}
.main h4{display:inline-block; position:relative; z-index:5; height:0.62rem; padding:0 0.24rem; border:1px solid; border-radius:0.48rem; font:0.36rem/0.62rem "Microsoft Yahei"; color:#fff;}
.main .main_subh i{position:absolute; z-index:10; bottom:-2px; display:block; width:90%; height:3px; margin:0 auto;}
.main .main_subh i::before,.main .main_subh i::after{content:""; display:block; position:absolute; top:-0.04rem; width:0.1rem; height:0.1rem; border-radius:50%;}
.main .main_subh i::before{left:0; }
.main .main_subh i::after{right:0;}
.main table{width:95%; margin:0 auto; font:0.24rem/0.29rem "Microsoft Yahei"; color:#fff; border-collapse:collapse;}
.main table th{border:none; background:#fffd7f; color:#333; font:0.24rem/0.4rem "Microsoft Yahei"; }
.main table td{height:0.5rem; border:1px solid; text-align:center;}
.main .main_subh b{position:relative; z-index:20; display:block; margin:0 auto; font:bold 0.24rem/1.2 "Microsoft Yahei"; color:#fffd7f;}
.main table td:nth-child(1){padding-left:0.1rem; text-align:left;}
@keyframes ani{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes ani{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes ani{
	0%{opacity:0;}
	50%{opacity:0;}
	100%{opacity:1;}
}
/*柱状图*/
.zg_bar span{position:relative; z-index:10; margin:0 0.05rem; font:0.14rem/0.72rem "Microsoft Yahei"; color:#ad6fe2; float:left; text-align:right; width:11%;}
.zg_bar ul{float:left; position:relative;margin-top:0.33rem; display:inline-block; width:87%; height:3.64rem; background:url(imageszg_p2_barBg.jpg) no-repeat left top; background-size:100% 100%;}
.zg_bar li{float:left; position:absolute; bottom:0; width:5.1%; background:no-repeat center bottom; background-size:contain;}
.zg_bar li i{display:block;height:100%; width:74%; margin:0 auto; border-radius:50px 50px 0 0;}
.zg_bar li b,.zg_bar1 li span{position:absolute; left:-20%; color:#fff; white-space:nowrap;}
.zg_bar li b{bottom:-0.54rem; font:0.22rem/0.54rem "Microsoft Yahei"; }
.zg_bar li span{top:-0.42rem; left:-20%; font:0.2rem/0.34rem "Microsoft Yahei";}

.zg_page3{background-image:url(imageszg_m1_bg.jpg); background-color:#8329c9;}
.zg_page3 h3{background-image:url(imageszg_m1_h.png);}
.zg_page3 .guide{border-color:#aa5bec; margin-bottom:1.09rem;}
.zg_page3 .guide p{background:#9b42e1;}
.zg_page3 .guide p i{border-top-color:#8329c9; border-left-color:#8329c9;}
.zg_page3 .main_subh{border-color:#b57fdf;}
.zg_page3 .main_subh span{color:#fff533;}
.zg_page3 .main_subh i{background:#8329c9;}
.zg_page3  .main_subh i::before,.zg_page3  .main_subh i::after{background:#f1e150; }
.zg_bar1{width:100%; margin-top:1.06rem;}
.zg_bar1 li:nth-child(1){background-image:url(imagesbar1_b.png);}
.zg_bar1 li:nth-child(1) i{background:#8c80ff;}
.zg_bar1 li:nth-child(2){background-image:url(imagesbar2_b.png);}
.zg_bar1 li:nth-child(2) i{background:#7777f7;}
.zg_bar1 li:nth-child(3){background-image:url(imagesbar3_b.png);}
.zg_bar1 li:nth-child(3) i{background:#dc4c46;}
.zg_bar1 li:nth-child(4){background-image:url(imagesbar4_b.png);}
.zg_bar1 li:nth-child(4) i{background:#d9804e;}
.zg_bar1 li:nth-child(5){background-image:url(imagesbar5_b.png);}
.zg_bar1 li:nth-child(5) i{background:#eba534;}
.zg_bar1 li:nth-child(6){background-image:url(imagesbar6_b.png);}
.zg_bar1 li:nth-child(6) i{background:#a6a638;}
.zg_bar1 li:nth-child(7){background-image:url(imagesbar7_b.png);}
.zg_bar1 li:nth-child(7) i{background:#87aa66;}
.zg_bar1 li:nth-child(8){background-image:url(imagesbar8_b.png);}
.zg_bar1 li:nth-child(8) i{background:#3dc6c1;}
.zg_bar1 li:nth-child(9){background-image:url(imagesbar9_b.png);}
.zg_bar1 li:nth-child(9) i{background:#45c2f0;}
.zg_bar1 li:nth-child(10){background-image:url(imagesbar10_b.png); background-size:100%;}
.zg_bar1 li:nth-child(10) i{background:#2aaeff;}




.zg_page4{background-image:url(imageszg_m2_bg.jpg); background-color:#7633ff;}
.zg_page4 h3{background-image:url(imageszg_m2_h.png);}
.zg_page4 .guide{border-color:#631eef;  margin-bottom:1.09rem;}
.zg_page4 .guide p{background:#6c27f8;}
.zg_page4 .guide p i{border-top-color:#7633ff; border-left-color:#7633ff;}
.zg_page4 .main_subh{border-color:#ad85ff;}
.zg_page4 .main_subh i{background:#7633ff;}
.zg_page4  .main_subh i::before,.zg_page4  .main_subh i::after{background:#f1e150; }
.zg_bar2{width:82%; margin-top:0.8rem; margin-left:11%;}
.zg_bar2 ul{width:87%; height:3.32rem; background:url(imageszg_p3_bar2Bg.jpg) no-repeat left top; background-size:100% 100%;}
.zg_bar2 span{max-width:11%; line-height:0.66rem;}
.zg_bar2 li{width:8%; background-image:url(imagesbar2_1.png);}
.zg_bar2 i{background:#4ee4ff;}
.zg_bar2 li:nth-child(5){background-image:url(imagesbar2_2.png); background-size:100%;}
.zg_bar2 li:nth-child(5) i{background:#ffec95;}
.zg_bar2 li b,.zg_bar2 li span{position:absolute; left:-50%; color:#fff; white-space:nowrap;}

.zg_page5{background-image:url(imageszg_m3_bg.jpg); background-color:#ff8282;}
.zg_page5 h3{background-image:url(imageszg_m3_h.png);}
.zg_page5 .guide{border-color:#ff6a6a; margin-bottom:0.95rem;}
.zg_page5 .guide p{background:#ff6a6a;}
.zg_page5 .guide p i{border-top-color:#ff8282; border-left-color:#ff8282;}
.zg_page5 .main_subh i{background:#ff8282;}
.zg_page5  .main_subh i::before,.zg_page5  .main_subh i::after{background:#f1e150; }
.zg_page5 table{margin-top:0.86rem;}
.zg_page5 table td{background:#ff7676; border-color:#ff9292;}
.zg_page5 table td:nth-child(1),.zg_page5 table td:nth-child(2){padding-left:0.1rem; text-align:center;}


.zg_page6{background-image:url(imageszg_m4_bg.jpg); background-color:#3da1f6;}
.zg_page6 h3{background-image:url(imageszg_m4_h.png);}
.zg_page6 .guide{border-color:#2790ea; margin-bottom:0.95rem;}
.zg_page6 .guide p{background:#349af0;}
.zg_page6 .guide p i{border-top-color:#3da1f6; border-left-color:#3da1f6;}
.zg_page6 .main_subh i{background:#3da1f6;}
.zg_page6  .main_subh i::before,.zg_page6  .main_subh i::after{background:#fffe8f; }
.zg_page6 table{margin-top:0.86rem;}
.zg_page6 table td{background:#3a98e8; border-color:#61aded;}
.zg_page6 table td:nth-child(1),.zg_page6 table td:nth-child(2){padding-left:0.25rem;  text-align:center;}


.zg_page7{background-image:url(imageszg_m5_bg.jpg); background-color:#fbff90;}
.zg_page7 h3{background-image:url(imageszg_m5_h.png);}
.zg_page7 .guide{border-color:#eef083; margin-bottom:0.95rem;}
.zg_page7 .guide p{color:#333; background:#fcffa7;}
.zg_page7 .guide p i{border-top-color:#fbff90; border-left-color:#fbff90;}
.zg_page7 .main_subh h4{color:#333; border-color:#ff6e2e;}
.zg_page7 .main_subh b{color:#ff7e64;}
.zg_page7 .main_subh i{background:#fbff90;}
.zg_page7  .main_subh i::before,.zg_page7 .main_subh i::after{background:#ff6e2e; }
.zg_page7 table{margin-top:0.86rem;}
.zg_page7 table th{background:#ff7e64; color:#fff;}
.zg_page7 table td{background:#fcffa7; border-color:#dbdc8c; color:#333;}
.zg_page7 table td:nth-child(1),.zg_page7 table td:nth-child(2){padding-left:0.1rem; text-align:center;}

.zg_page8{background-image:url(imageszg_m6_bg.jpg); background-color:#8329c9;}
.zg_page8 h3{background-image:url(imageszg_m6_h.png);}
.zg_page8 .guide{border-color:#9b42e1; margin-bottom:0.95rem;}
.zg_page8 .guide p{background:#9b42e1;}
.zg_page8 .guide p i{border-top-color:#8329c9; border-left-color:#8329c9;}
.zg_page8 .main_subh h4{border-color:#a665d8;}
.zg_page8 .main_subh i{background:#8329c9;}
.zg_page8  .main_subh i::before,.zg_page8 .main_subh i::after{background:#fffea2; }
.zg_page8 table{margin-top:0.86rem;}
.zg_page8 table td:nth-child(1){padding-left:0.25rem; width:47%;}
.zg_page8 table td:nth-child(2){text-align:center; width:28.2%;}
.zg_page8 table td{background:#7625b5; border-color:#7d2bbe;}


.zg_page9{background-image:url(imageszg_m7_bg.jpg); background-color:#7633ff;}
.zg_page9 h3{background-image:url(imageszg_m7_h.png);}
.zg_page9 .guide{border-color:#611ee9; margin-bottom:0.95rem;}
.zg_page9 .guide p{background:#6823f6;}
.zg_page9 .guide p i{border-top-color:#7633ff; border-left-color:#7633ff;}
.zg_page9 .main_subh h4{border-color:#a665d8;}
.zg_page9 .main_subh i{background:#7633ff;}
.zg_page9  .main_subh i::before,.zg_page9 .main_subh i::after{background:#fffea2; }
.zg_page9 table{margin-top:0.86rem;}
.zg_page9 table td:nth-child(1){padding-left:0.1rem;  text-align:left;}
.zg_page9 table td{background:#6f2bfa; border-color:#8146fb;}

.zg_page10{background-image:url(imageszg_m8_bg.jpg); background-color:#ff779b;}
.zg_page10 h3{background-image:url(imageszg_m8_h.png);}
.zg_page10 .guide{border-color:#f35ba6; margin-bottom:0.95rem;}
.zg_page10 .guide p{background:#ff638d;}
.zg_page10 .guide p i{border-top-color:#ff779b; border-left-color:#ff779b;}
.zg_page10 .main_subh h4{border-color:#ffadc3;}
.zg_page10 .main_subh i{background:#ff779b;}
.zg_page10  .main_subh i::before,.zg_page10 .main_subh i::after{background:#fffea2; }
.zg_page10 table{margin-top:0.86rem;}
.zg_page10 table td:nth-child(1){text-lign:left; padding-left:0.1rem;}
.zg_page10 table td{background:#ff638d; border-color:#ff8aaa;}

.zg_page11{background-image:url(imageszg_m9_bg.jpg); background-color:#fbff90;}
.zg_page11 h3{background-image:url(imageszg_m9_h.png);}
.zg_page11 .guide{border-color:#f4f39f; margin-bottom:0.95rem;}
.zg_page11 .guide p{color:#333; background:#fcffab;}
.zg_page11 .guide p i{border-top-color:#fbff90; border-left-color:#fbff90;}
.zg_page11 .main_subh h4{color:#333; border-color:#e3e776;}
.zg_page11 .main_subh b{color:#18a7ff;}
.zg_page11 .main_subh i{background:#fbff90;}
.zg_page11  .main_subh i::before,.zg_page11 .main_subh i::after{background:#18a7ff; }
.zg_page11 table{margin-top:0.86rem;}
.zg_page11 table th{background:#18a7ff; color:#fff;}
.zg_page11 table td{background:#fcffab; border-color:#e2ceb6; color:#333;}
.zg_page11 table td:nth-child(1){text-align:center; width:36%;}

.zg_page12{color:#fff; background:url(imageszg_last_bg.jpg) no-repeat center; background-size:cover; text-align:center;}
.zg_page12 .gap{height:3.29rem;}
.zg_p12_logo{display:inline-block; width:4.87rem; height:0.91rem; background:url(imageszg_last_logo.jpg) no-repeat center; background-size:cover;}
.zg_page12 p{font:0.3rem/0.48rem "Microsoft Yahei"; margin:1.6rem 0 1.2rem 0;}
.zg_page12 a{display:inline-block; padding:0 0.2rem; border:1px solid #fff; border-radius:0.1rem; font:0.36rem/0.6rem "Microsoft Yahei"; }