body{
	color:#999999;
	background:#FFF;
}


body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0}html{-webkit-text-size-adjust:none;word-wrap:break-word}h1,h2,h3{font-size:100%}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}fieldset,img{border:0}cite,em,s,i,b{font-style:normal}input,button,textarea,select{font-size:100%}body,input,button,textarea,select,option{font-size:normal}a,input,textarea{text-decoration:none;outline:0}li,img,label,input{vertical-align:middle}var{font-style:normal}ins{text-decoration:none}body{font-size:20px}

@media only screen and (max-width:300px){body{font-size:8.33333px}.viewport{max-width:300px}}@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px}.viewport{max-width:310px}}@media only screen and (max-width:320px) and (min-width:310px){body{font-size:8.61111px}.viewport{max-width:320px}}@media only screen and (max-width:350px) and (min-width:320px){body{font-size:8.88889px}.viewport{max-width:350px}}@media only screen and (max-width:360px) and (min-width:350px){body{font-size:9.72222px}.viewport{max-width:360px}}@media only screen and (max-width:400px) and (min-width:360px){body{font-size:10px}.viewport{max-width:400px}}@media only screen and (max-width:470px) and (min-width:400px){body{font-size:11.11111px}.viewport{max-width:470px}}@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.05556px}.viewport{max-width:480px}}@media only screen and (max-width:540px) and (min-width:480px){body{font-size:13.33333px}.viewport{max-width:540px}}@media only screen and (max-width:560px) and (min-width:540px){body{font-size:15px}.viewport{max-width:560px}}@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.55556px}.viewport{max-width:570px}}@media only screen and (max-width:630px) and (min-width:570px){body{font-size:15.83333px}.viewport{max-width:630px}}@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.5px}.viewport{max-width:640px}}@media only screen and (max-width:710px) and (min-width:640px){body{font-size:17.77778px}.viewport{max-width:710px}}@media only screen and (max-width:720px) and (min-width:710px){body{font-size:19.72222px}.viewport{max-width:720px}}@media only screen and (min-width:720px){body{font-size:20px}.viewport{width:720px}}


.ct1,a.ct1,.ct1 a,.ct1 a:visited{ color:#46BFA5;}
a.ct1:hover,.ct1 a:hover{ color:#46BFA5;}

.ct2,a.ct2,.ct2 a,.ct2 a:visited{ color:#FFF;}
a.ct2:hover,.ct2 a:hover{ color:#FF9;}

.ct3,a.ct3,.ct3 a,.ct3 a:visited{ color:#FFF;}
a.ct3:hover,.ct3 a:hover{ color:#FFF;}

.ct4,a.ct4,.ct4 a,.ct4 a:visited{ color:#D2B879;;}
a.ct4:hover,.ct4 a:hover{ color:#000;}

.ct5,a.ct5,.ct5 a,.ct5 a:visited{ color:#333;}
a.ct5:hover,.ct5 a:hover{ color:#000;}


.fs1{font-size:0.9em;}
.fs2{font-size:1.6em;}
.fs3{font-size:2em;}
.fs4{font-size:2.5em;}
.fs5{font-size:1.2em;}
.fs6{font-size:1.8em;}

.fl{float:left;}.fr{float:right;}
.th1{ width:100%;}
.th2{ width:49.999%;}
.th3{ width:33.333%;}
.th4{ width:24.999%;}
.th5{ width:19.999%;}
.th45{ width:45%}
.th32{ width:31.999%;}
.th68{ width:67.999%;}

.ln1{ line-height:1.5em;}
.bd1{ border-bottom:1px solid #DDD;}

.mlr20{margin:auto 1em}.m20{margin:1em 0}.m30{margin:1.5em 0}.mt20{margin-top:1em}.mb20{margin-bottom:1em}.mt40{margin-top:2em}.mb40{margin-bottom:2em}.mt-20{margin-top:-1em}.hide{display:none}
.mtit{margin:.4em 0 .8em 0; text-align:center;}
.w100,.iw100{width:100%;}
.iw100 img{width:100%;}
.iiw img{width:100%;}

.clearboth,.clh{height:0px; font:0; overflow:hidden; clear:both;}
.block5,.block8,.block10,.block12,.block20,.block22,.block30,.block40,.block50{height:5px; font:0; overflow:hidden; clear:both;}
.block8{height:8px;}.block10{height:10px;}.block12{height:12px;}.block20{height:20px;}.block22{height:22px;}.block30{height:30px;}.block40{height:40px;}.block50{height:50px;}
.nop{text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; }



.weiba-type-home .main-yuanye{height:100%; opacity:0; position:relative;}
.weiba-content{width:100%;}
#over-yuanye{ position:absolute; left:0px; top:0px; width:100%; height:100%;background:url(over-new.png) #46BFA5 no-repeat left top;
	background-size:100% auto; z-index:6;}

.logo{
	position:absolute;
	left:14.5%; top:6.3%;
	width:71%;
display:block;
}
.logo img{width:100%;}

.logo2{
	margin:0 auto;

	width:71%;
display:block;
}

.star{width:38.5%;
margin:0 auto;
display:block;
}

@-webkit-keyframes transform { 
0% { -webkit-transform: scale(1)}
 30% { -webkit-transform: scale(1)}
 50% { -webkit-transform: scale(0.9)}
 100% { -webkit-transform: scale(1)}
}

@-moz-keyframes transform2 { 
0% { -webkit-transform: scale(1); -moz-transform: scale(1);}
 50% { -webkit-transform: scale(1.15); -moz-transform: scale(1.1);}
 100% { -webkit-transform: scale(1); -moz-transform: scale(1);}
}
@-webkit-keyframes transform2 { 
0% { -webkit-transform: scale(1); -moz-transform: scale(1);}
 50% { -webkit-transform: scale(1.15); -moz-transform: scale(1.1);}
 100% { -webkit-transform: scale(1); -moz-transform: scale(1);}
}
.traf:hover,.traf:active,.traf:focus{-webkit-animation: transform2 1s 1 ease;-moz-animation: transform2 1s 1 ease; }
.traf2:hover,.traf2:active,.traf2:focus{-webkit-animation: transform 1s 1 ease;}

.navbox{ padding:0em 0;width:100%; }
.nav{ width:100%;}
.nav ul{width:96%; margin:0 auto; clear:both; padding-left:3%;}
.nav ul li{ width:16%; display:inline-block;float:left;
margin-top:-1.7em;

}

.nav ul li a{ display:block; text-align:center; height:34.5vw;margin:0em 1.15vw; background:url(nav.svg) no-repeat 0 0px;  background-size:100% auto;
    -webkit-animation: transform2 2.7s infinite;
       -moz-animation: transform2 1s 1 ;
         -o-animation: ball-spin-clockwise 1s 1 ;
            animation: transform2 2.7s linear infinite;
}

.nav ul li a h3{ display:none;}
.nav ul li:nth-child(2) a{ background-position:0 20%;
    -webkit-animation-delay: .7s;
       -moz-animation-delay: .7s;
         -o-animation-delay: .7s;
            animation-delay: .7s;
}
.nav ul li:nth-child(3) a{ background-position:0 40%;
    -webkit-animation-delay: 1.4s;
       -moz-animation-delay: 1.4s;
         -o-animation-delay: 1.4s;
            animation-delay: 1.4s;
}
.nav ul li:nth-child(4) a{ background-position:0 60%;
    -webkit-animation-delay: .6s;
       -moz-animation-delay: .6s;
         -o-animation-delay: .6s;
            animation-delay: .6s;
}
.nav ul li:nth-child(5) a{ background-position:0 80%;
    -webkit-animation-delay: 2.1s;
       -moz-animation-delay: 2.1s;
         -o-animation-delay: 2.1s;
            animation-delay: 2.1s;
}
.nav ul li:nth-child(6) a{ background-position:0 99% ;
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
         -o-animation-delay: 1s;
            animation-delay: 1s;
}

.s-tab a {
	width: 13.7vw;
	height: 13.7vw;
	border-radius: 50%;
	text-align:center;
	z-index:5;
	display:inline-block;
	margin:0 .15em;
	line-height:1;
	
}
.s-tab a h3{
	display:block; padding-top:1.2em;
	font-size:1.3em;
	width:100%;
	color:#FFF;
	font-weight:400;
	height:100%;
	text-align:center;
}
.s-tab.wbr a h3{
	width:3em;
	margin:0 auto;
	
	padding-top:.9em;
}
.s-tab a h3 i{
	display:block;
	font-size:0.5em;
}
.s-tab a:first-child {
background:#2FC3E1; 
}

.s-tab a:nth-child(2) {
background:#FFD24D;
}

.s-tab a:nth-child(3) {
background:#D2B879;
}

.s-tab a:nth-child(4) {
background:#2169BB;
}

.s-tab a:nth-child(5) {
background:#46BFA5;
}
.s-tab a:nth-child(6) {
background:#FE968D;
}

.s-tab a:nth-child(10) {
background:#2FC3E1; 
}

.s-tab a:nth-child(11) {
background:#FFD24D;
}

.s-tab a:nth-child(9) {
background:#D2B879;
}

.s-tab a:nth-child(7) {
background:#2169BB;
}

.s-tab a:nth-child(8) {
background:#46BFA5;
}
.s-tab a:nth-child(12) {
background:#FE968D;
}

.tpl-catelist,.tpl-copyright{display:none}


.i_case{width:94%; margin:0 auto;}


.Vblock1{padding-bottom:1.6em;width:33.333%; float:left;}
.Vblock1 .vbox{ display:block; text-align:center;}
.Vblock1 .vbox .vimg img{ width:94%;}
.Vblock1 .vbox h3{font-size:1em; padding-top:0.3em;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; overflow:hidden; height:1.5em; font-weight:normal;}
.Vblock1 .vbox i{display:block; font-size:0.3em; color:#BABABA;}


.Vblock2{width:96%; margin:12vw auto 0em auto; position:relative; padding-bottom:2em;}
.Vblock2 .vbox{ display:block; min-height:10em; text-align:left; background:#F5F5F5; border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;}
.Vblock2 .vbox .vimg{position:absolute; left:50%; top:-10vw; margin-left:-9.5%; width:18%; border:0.5em solid #46BFA5;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.Vblock2 .vbox .vimg img{ width:100%;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.Vblock2 .vbox .sum{padding:1.5em; }
.Vblock2 .vbox .time{ width:34%; float:left;}
.Vblock2 .vbox h3{font-size:1.3em; font-weight:normal; padding-top:0.1em; height:1.7em; line-height:1.2; float:left; width:65%;}
.Vblock2 .vbox p{display:block; font-size:0.6em; padding:0.2em 0; color:#BABABA;}
.Vblock2 .vbox ins{display:block; font-size:0.8em;}
.Vblock2 .vbox .txt {color:#666;}


.Vblock3{width:96%; margin:0 auto;}
.Vblock3 .vbox{ display:block; width:100%;text-align:left; position:relative;}
.Vblock3 .vbox .vimg{ width:100%;}
.Vblock3 .vbox .vimg img{ width:100%;}
.Vblock3 .vbox .sum{ height:25vw;color:#FFF; border-top:1px solid #FFF; width:100%; background:url(sbg.svg) no-repeat; background-size: auto 100%;}

.Vblock3 .vbox h3{font-size:2em; font-weight:300; padding-top:0.4em; padding-left:26%; width:40.5%; float:left;}
.Vblock3 .vbox .time{ width:27%; padding-left:5%; padding-top:0.6em;float:left; color:#8C5B12;}
.Vblock3 .vbox .txt {color:#666; padding:.7em 2em; text-align:center;}

.ymore {background:url(more.svg) center #EEE no-repeat;background-size: 70% auto; width:15vw;height:15vw;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;  margin:.3em auto 3em auto;}


.Vblock4{width:96%; margin:0 auto;}
.Vblock4 .vbox{ display:block; width:100%;text-align:left; padding-bottom:2em; position:relative;}
.Vblock4 .vbox .vimg{ width:100%;}
.Vblock4 .vbox .vimg img{ width:100%;}
.Vblock4 .vbox .sum{height:10.25vw;color:#FFF; border-top:1px solid #FFF;width:100%;background:#46BFA5; overflow:hidden;}

.Vblock4 .vbox h3{font-size:2em; font-weight:300; padding-top:0.3em; padding-left:4%; width:47%; float:left;}
.Vblock4 .vbox .time{ width:27%; padding-left:3%;height:10.25vw;background:#FFD24D; border-left:1px solid #FFF;border-right:1px solid #FFF; padding-top:0.6em;float:left;color:#8C5B12;}
.Vblock4 .vbox .more{padding-left:3%; width:15%;padding-top:0.3em;float:left;}
.Vblock4 .vbox .more svg{ width:80%;float:left; height:3em;}
.Vblock4 .vbox .txt {color:#666; padding:1em 2em; text-align:center;}




/*底部*/
.b_box{ width:100%; border-top:3px solid #DDD;border-bottom:1px solid #E6E6E6;}
.b_box .wx a{ display:block; border-right:1px solid #E6E6E6;}
.b_box .xx{ border-bottom:0px solid #E6E6E6;}
.b_box .tel a{ width:100%; height:11.282vw; display:block; background:url(daohang.png) center no-repeat; background-size:100% auto;}
.b_box .gbtn a{width:32.5%; height:11.282vw; border-left:1px solid #E6E6E6; display:block; float:left;background:url(b_qq.svg) center no-repeat; background-size: auto 70%;}
.b_box .gbtn a:nth-child(2){ background-image:url(b_wb.svg);}
.b_box .gbtn a:nth-child(3){ background-image:url(b_go.svg);}




.morev{ color:#46BFA5;display:inline-block;}
.morev ins{display:inline-block;padding:0.4em 3.5em;  border-bottom:1px solid #AAE2D6;}
.morev h3{ padding:0.4em; line-height:0.8em;}
.morev:hover{ color:#D2B879;-webkit-animation: transform2 1s 1 ease;}

.loadpage{text-align:center;}
#loadmore{background:#FFD24D; color:#666; font-size:1.3em; display:inline-block;padding:0.7em 1.5em;border-radius:1.5em;-moz-border-radius:1.5em;-webkit-border-radius:1.5em;}
#loadmore:hover{ background:#DDD;}


.qbox{ width:50%; margin:0.5em auto;}
.qbox a{ display:block; float:left; width:33.3%;  margin:0 auto; text-align:center;}
.qbox a img{ width:100%; display:block;}
.qbox a:hover{-webkit-animation: transform2 1s 1 ease;}

.tnav{margin:2.5em auto; display:block; vertical-align:bottom;text-align:center;}
.tnav a{ display:inline-block; width:25%;text-align:center;
	-webkit-transition:all 1s; 
	-moz-transition:all 1s; 
	-o-transition:all 1s; 
}
.tnav a.w2{ width:32.5%;}
.tnav a h3{ font-size:1.6em; color:#212121; padding-bottom:0.2em;}
.tnav a img{ width:100%; display:block;}
.tnav a:hover h3{color:#46BFA5}
.tnav a:hover{
	-webkit-transform:scale(1.05) rotate(20deg); 
	-moz-transform:scale(1.05) rotate(20deg); 
	-o-transform:scale(1.05) rotate(20deg); 
}

.tbnav{ padding:0 0 0 0%; margin:0.5em auto; display:block;background:#46BFA5;}
.tbnav a{ display:block; float:left; width:49.5%;text-align:left;
}
.tbnav a .vbox{ padding:1.5em 0 1.5em  2em;}
.tbnav a h3{ font-size:1.6em; padding-bottom:0.2em;}
.tbnav a.atv{background:url(tnav_r3_c3.png) no-repeat right; background-size:auto 100%; border-right:1px solid #FFF;}
.tbnav a.con{background:url(tnav_r3_c13.png) no-repeat right; background-size:auto 100%;}
.tbnav a:hover{
}

.detail_title{ padding:0.8em 0 2em;}
.detail_title h1{ padding-bottom:0.5em;}
.detail_title ins{display:block;padding:0.4em 0;  border-bottom:1px solid #AAE2D6; margin-bottom:0.5em;}

.v_detail{ line-height:1.7em; color:#555;}


/*share*/
#mess_share{margin:15px 0; display: block}
#share_1,#share_2{float:left;width:46%; display: block; margin:3% 0 0 3%;}
#mess_share img{width:22px;height:22px;vertical-align: top;border: 0;}
.button2{font-size:16px;padding:8px 0;
color:#000000;
background-color:#FFFFFF;
background-image: linear-gradient(to top, #f2f2f2, #ffffff);
background:-moz-linear-gradient(top,#ffffff,#f2f2f2);
background:-ms-linear-gradient(top,#ffffff,#f2f2f2);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
border: 1px solid #D3D3D3;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);
text-shadow: 0.5px 0.5px 1px #fff;
text-align:center;
border-radius:3px;
width:100%;
cursor:pointer;
}
.button2:active{background-image: linear-gradient(to top, #ffffff, #ffffff);}
#mcover{ position: fixed;	top:0;	left:0;	width:100%;	height:100%; min-height:800px;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}



.cen{text-align:center;}


.weiba-navbar{display:none;}


.grid .li {
	opacity: 0;
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-7 .li.animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-animation: helix .8s ease-in-out forwards;
	-moz-animation: helix .8s ease-in-out forwards;
	animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
	100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@-moz-keyframes helix {
	100% { -moz-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
	100% { transform: rotateY(0deg); opacity: 1; }
}
/* Effect 2: Move Up */
.grid.effect-2 .li.animate {
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-animation: moveUp 0.65s ease forwards;
	-moz-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 .li.animate {
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-animation: scaleUp 0.65s ease-in-out forwards;
	-moz-animation: scaleUp 0.65s ease-in-out forwards;
	animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
	to { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes scaleUp {
	to { -moz-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
	to { transform: scale(1); opacity: 1; }
}

   /* Effect 4: fall perspective */
    .grid.effect-4 {
    perspective: 1300px;
    -webkit-perspective: 1300px;
    }
    .grid.effect-4 > .li {
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    }
    .grid.effect-4 > .li.animate {
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    animation: fallPerspective .8s ease-in-out forwards;
    -webkit-animation: fallPerspective .8s ease-in-out forwards;
    }
    @-webkit-keyframes fallPerspective { 
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg);
	-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
	opacity: 1; }
    }
    @-moz-keyframes fallPerspective { 
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg);	-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
	opacity: 1; }
    }

    @keyframes fallPerspective {
    100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); 	-webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
	opacity: 1; }
    }
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.grid.effect-6 .li.animate {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	-webkit-transform: rotateX(-80deg);
	-moz-transform: rotateX(-80deg);
	transform: rotateX(-80deg);
	-webkit-animation: flip .8s ease-in-out forwards;
	-moz-animation: flip .8s ease-in-out forwards;
	animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
	100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@-moz-keyframes flip {
	100% { -moz-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
	100% { transform: rotateX(0deg); opacity: 1; }
}

/*star*/

.star-content {
  position:absolute;
  top:28vh;
  left:0px;
}
.star-content a {
  position: absolute;
}
div.star-content {
  width: 38.52vw;
  left:  31.74vw;
}
.star-content a {
  width: 17.87vw;
  height:  17.87vw;
  left:10.48vw;
  border-radius: 50%;
  -webkit-transform-origin: 50% 232%;
  transform-origin: 50% 222%;
  -moz-transform-origin: 50% 222%;
  text-align:center;
opacity: 0;
z-index:5;

}
.star-content.hover a {
	
    -webkit-animation: ball-spin-clockwise 1s ease-in-out forwards;
       -moz-animation: ball-spin-clockwise 1s ease-in-out forwards ;
         -o-animation: ball-spin-clockwise 1s ease-in-out forwards ;
            animation: ball-spin-clockwise 1s ease-in-out forwards ;
			

}
.star-content #feiji.hover {
    -webkit-animation: ball-clip-rotate 1.75s 2 linear;
       -moz-animation: ball-clip-rotate 1.75s 2 linear;
         -o-animation: ball-clip-rotate 1.75s 2 linear;
            animation: ball-clip-rotate 1.75s 2 linear;
	    animation-delay: 2s; 
		-webkit-animation-delay:2s; 
}
.star-content #feiji.clk {
    -webkit-animation: ball-clip-rotate 1.75s linear;
       -moz-animation: ball-clip-rotate 1.75s linear;
         -o-animation: ball-clip-rotate 1.75s linear;
            animation: ball-clip-rotate 1.75s linear;
	    animation-delay:0s; 
		-webkit-animation-delay:0s; 
}

.star-content #feiji {
	position: absolute;
  width: 17.17%;
  left:16.21vw;
  top:18.8vw;
  -webkit-transform-origin: 50% 335%;
  transform-origin: 50% 335%;
  -moz-transform-origin: 50% 335%;
  text-align:center;
}
.star-content .jt {
position: absolute;
width: 240%;
left:-74%;
top:-0.5em;
}

.star-content a h3{
	display:block; padding-top:1.4em;
	font-size:1.2em;
	width:100%;
	color:#FFF;
	font-weight:400;
	height:100%;
}
.star-content a h3 i{
	display:block;
	font-size:0.5em;
}
.star-content a:nth-child(1) {

    -webkit-animation-delay: 0s;
       -moz-animation-delay: 0s;
         -o-animation-delay: 0s;
            animation-delay: 0s;
background:#2FC3E1; transform: rotateZ(252deg) scale(1) translateY(0px);
-webkit-transform:rotateZ(252deg) scale(1) translateY(0px); -moz-transform:rotateZ(252deg) scale(1) translateY(0px);
}

.star-content a:nth-child(2) {
background:#FFD24D; transform: rotateZ(288deg) scale(1) translateY(0px);
-webkit-transform:rotateZ(288deg) scale(1) translateY(0px); -moz-transform:rotateZ(288deg) scale(1) translateY(0px);
    -webkit-animation-delay: .2s;
            animation-delay: .2s;
}

.star-content a:nth-child(3) {
background:#D2B879; transform: rotateZ(324deg) scale(1) translateY(0px);
-webkit-transform:rotateZ(324deg) scale(1) translateY(0px); -moz-transform:rotateZ(324deg) scale(1) translateY(0px);
    -webkit-animation-delay: .4s;
            animation-delay: .4s;
}

.star-content a:nth-child(4) {
background:#2169BB; transform: rotateZ(0deg) scale(1) translateY(0px);
-webkit-transform:rotateZ(0deg) scale(1) translateY(0px); -moz-transform:rotateZ(0deg) scale(1) translateY(0px);
    -webkit-animation-delay: .6s;
            animation-delay: .6s;
}

.star-content a:nth-child(5) {
background:#46BFA5; transform: rotateZ(36deg) scale(1) translateY(0px);
-webkit-transform:rotateZ(36deg) scale(1) translateY(0px); -moz-transform:rotateZ(36deg) scale(1) translateY(0px);
    -webkit-animation-delay: .8s;
            animation-delay: .8s;
}
.star-content a:nth-child(6) {
background:#FE968D; transform: rotateZ(72deg) scale(1);
-webkit-transform:rotateZ(72deg) scale(1) translateY(0px); -moz-transform:rotateZ(72deg) scale(1) translateY(0px);
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.star-content a:nth-child(7) {
background:#D2B879; transform: rotateZ(108deg) scale(1);
-webkit-transform:rotateZ(108deg) scale(1) translateY(0px); -moz-transform:rotateZ(108deg) scale(1) translateY(0px);
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}


/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
/*
 * Animation
 */
@-webkit-keyframes ball-spin-clockwise {
    0% {
        opacity: 0;
transform: rotateZ(18deg) scale(0) translateY(0px);
-webkit-transform:rotateZ(18deg) scale(0) translateY(0px); -moz-transform:rotateZ(18deg) scale(0) translateY(0px);
    }
    100% {
        opacity: 1;
    }

}
@-moz-keyframes ball-spin-clockwise {
    0%{
transform: rotateZ(18deg) scale(0) translateY(0px);
-webkit-transform:rotateZ(18deg) scale(0) translateY(0px); -moz-transform:rotateZ(18deg) scale(0) translateY(0px);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes ball-spin-clockwise {
	
    0% {
transform: rotateZ(18deg) scale(0) translateY(0px);
-webkit-transform:rotateZ(18deg) scale(0) translateY(0px); -moz-transform:rotateZ(18deg) scale(0) translateY(0px);
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tp{width:50px;height:50px;background:rgba(255,255,255,0.8) url(top.svg) no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;position:fixed;right:16px;bottom:100px;z-index:1000;cursor:pointer;display:none;border-radius:50%}
.tp{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);box-shadow:0 0 6px rgba(0,0,0,0.2)}