.header {position:relative; padding-left:26px; height:80px; margin-top:5px;}
.header a {text-decoration:none;}
.header ul {overflow:hidden; background:#215c91; border-radius:6px 0 0 6px; padding-left:30px; list-style:none;}
.header li {float:left;}
.header li > a {display:block; font-size:15px; color:#fff; font-weight:700; padding:0 12px; height:50px; line-height:50px;}
.header li > a i {display:inline-block; vertical-align:top; height:50px; line-height:50px; transition:.2s linear;}
.header li > a i img {position:relative; top:50%; transform:translate(0,-50%); width:0; transition:.2s linear;}
.header li .snb {position:absolute; top:50px; padding-top:4px; display:none;
}
.header li .snb .inbox {padding:0 15px; border-radius:4px; overflow:hidden;
	/* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#9dd9e6+0,4bb1c9+100 */
	background:#9dd9e6; /* Old browsers */
	background:-moz-linear-gradient(top, #9dd9e6 0%, #4bb1c9 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top, #9dd9e6 0%,#4bb1c9 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom, #9dd9e6 0%,#4bb1c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd9e6', endColorstr='#4bb1c9',GradientType=0 ); /* IE6-9 */
}
.header li .snb a {display:block; float:left; font-size:13px; color:#fff; font-weight:500; line-height:22px; padding:0 13px;}
.header li.g1 .snb .inbox {width:700px;}
.g01 .header li.g1 > a i img,
.g02 .header li.g2 > a i img,
.header li:hover > a i img {width:auto;}
.header li:hover .snb {display:block; z-index:1;}
.g01 .header li.g1 .snb,
.g02 .header li.g2 .snb {display:block;}

.moon1_box_wrap {padding:15px 2px 15px 3px;}
.moon1_box {position:relative; width:480px; height:370px; overflow:hidden; border-radius:20px;}
.moon1_box .jq_tab {position:relative; list-style:none; height:100%; margin:0; z-index:10;}
.moon1_box .jq_tab li {position:absolute; bottom:0; left:0; font-size:12px; color:#fff; line-height:15px; text-align:center; width:28px; padding:20px 0; border-radius:20px 0 0 0; cursor:pointer; transition:.2s linear;}
.moon1_box .jq_tab .tab1 {background:#4b3b81; left:0; height:330px;}
.moon1_box .jq_tab .tab2 {background:#a14b61; left:358px; height:309px; z-index:1;}
.moon1_box .jq_tab .tab2.on {left:28px;}
.moon1_box .jq_tab .tab3 {background:#b37815; left:386px; height:291px; z-index:2;}
.moon1_box .jq_tab .tab3.on {left:56px;}
.moon1_box .jq_tab .tab4 {background:#5e7c2f; left:414px; height:273px; z-index:3;}
.moon1_box .jq_tab .tab4.on {left:84px;}
.moon1_box .jq_tab .tab5 {background:#498999; left:442px; height:255px; z-index:4;}
.moon1_box .jq_tab .tab5.on {left:112px;}
.moon1_box .jq_cont .cont {position:absolute; bottom:0; overflow:hidden; transition:.2s linear;}
.moon1_box .jq_cont .con1 {height:370px; left:28px;}
.moon1_box .jq_cont .con2 {height:349px; left:386px; z-index:1;}
.moon1_box .jq_cont .con2.on {left:56px;}
.moon1_box .jq_cont .con3 {height:331px; left:414px; z-index:2;}
.moon1_box .jq_cont .con3.on {left:84px;}
.moon1_box .jq_cont .con4 {height:313px; left:442px; z-index:3;}
.moon1_box .jq_cont .con4.on {left:112px;}
.moon1_box .jq_cont .con5 {height:295px; left:470px; z-index:4;}
.moon1_box .jq_cont .con5.on {left:140px;}
.moon1_box .jq_link {position:absolute; top:0; left:0; width:100%; z-index:11; margin:0; list-style:none;}
.moon1_box .jq_link li {position:absolute; top:0; width:160px; height:100%; display:none;}
.moon1_box .jq_link li.on {display:block;}
.moon1_box .jq_link li a {display:block; width:100%; height:22px;}
.moon1_box .jq_link .link1 {left:53px; padding-top:156px;}
.moon1_box .jq_link .link2 {left:81px; padding-top:185px;}
.moon1_box .jq_link .link2 a {height:23px;}
.moon1_box .jq_link .link3 {left:109px; padding-top:200px;}
.moon1_box .jq_link .link3 a {height:24px;}
.moon1_box .jq_link .link4 {left:137px; padding-top:210px;}
.moon1_box .jq_link .link4 a {height:150px;}
.moon1_box .jq_link .link5 {left:165px; padding-top:222px;}
.moon1_box .jq_link .link5 a {height:148px;}