.ig-tool .s1,
.ig-tool .s4 { display: none; }

.b2c-container { width:100%; background:url(./bird.png) center top repeat; padding:0 0 110px; }

.b2c-view { width:100%; height:610px; overflow:hidden; position:relative; background:url(./bg.png) center top no-repeat #10102d; }
.b2c-view:before, .b2c-view .before { content:""; width:100%; height:120px; background:url(./shadow.png) center bottom no-repeat; position:absolute; left:0; bottom:0; z-index:10; }
.b2c-view img { position:absolute; top:0; left:50%; opacity:0; opacity:1\9\0; }
.b2c-view .a { top:40px; margin-left:-75px; z-index:4; width:800px; height:440px; -webkit-animation:bounceIn 1.5s linear forwards 0.6s; -moz-animation:bounceIn 1.5s linear forwards 0.6s; -ms-animation:bounceIn 1.5s linear forwards 0.6s; animation:bounceIn 1.5s linear forwards 0.6s; }
.b2c-view .b { margin-left:-455px; top:190px; z-index:3; width:500px; height:800px; -webkit-animation:flyInUp 0.5s ease forwards 0.6s; -moz-animation:flyInUp 0.5s ease forwards 0.6s; -ms-animation:flyInUp 0.5s ease forwards 0.6s; animation:flyInUp 0.5s ease forwards 0.6s; }
.b2c-view .c { margin-left:-820px; top:260px; z-index:2; width:500px; height:620px; -webkit-animation:flyInUp 0.5s ease forwards 0.3s; -moz-animation:flyInUp 0.5s ease forwards 0.3s; -ms-animation:flyInUp 0.5s ease forwards 0.3s; animation:flyInUp 0.5s ease forwards 0.3s; }
.b2c-view .d { margin-left:-580px; top:60px; z-index:1; width:640px; height:740px; -webkit-animation:flyInUp 0.5s ease forwards; -moz-animation:flyInUp 0.5s ease forwards; -ms-animation:flyInUp 0.5s ease forwards; animation:flyInUp 0.5s ease forwards; }

.b2c-module { padding-bottom:100px; position:relative; z-index:10; overflow:hidden; }
.b2c-module .head { width:230px; height:50px; overflow:hidden; margin:0 auto; position:relative; text-indent:-99em; background:url(./name.png) center center no-repeat; margin-bottom:50px; }
.b2c-module .main { background:url(./b2c.png) center center no-repeat; position:relative; width:1090px; margin:0 auto; }
.b2c-module .list { margin:0 auto; margin-bottom:35px; }
.b2c-module .list dt { float:left; width:130px; height:110px; background:url(./ten.png) center center no-repeat; }
.b2c-module .list dd { float:left; width:114px; }
.b2c-module .list em { display:block; width:110px; height:110px; border-radius:50%; border:2px solid #ee4d53; background:#FFF; }
.b2c-module .list em:before { display:block; content:""; width:70px; height:70px; position:relative; top:20px; left:20px; background:url(./ico.png) 0 0 no-repeat; }
.b2c-module .list dd.hover em { background:#ee4d53; border-color:#fff; }
.b2c-module .list h3 { height:40px; line-height:40px; text-align:center; font-weight:400; color:#3e3e3e; font-size:16px; }
.b2c-module .ico-1 em:before { background-position:0 0; }
.b2c-module .ico-2 em:before { background-position:0 -70px; }
.b2c-module .ico-3 em:before { background-position:0 -140px; }
.b2c-module .ico-4 em:before { background-position:0 -210px; }
.b2c-module .ico-5 em:before { background-position:0 -280px; }
.b2c-module .ico-6 em:before { background-position:0 -350px; }
.b2c-module .ico-7 em:before { background-position:0 -420px; }
.b2c-module .ico-8 em:before { background-position:0 -490px; }
.b2c-module .ico-9 em:before { background-position:0 -560px; }
.b2c-module .ico-10 em:before { background-position:0 -630px; }
.b2c-module .ico-11 em:before { background-position:0 -700px; }
.b2c-module .ico-1.hover em:before { background-position:-70px 0; }
.b2c-module .ico-2.hover em:before { background-position:-70px -70px; }
.b2c-module .ico-3.hover em:before { background-position:-70px -140px; }
.b2c-module .ico-4.hover em:before { background-position:-70px -210px; }
.b2c-module .ico-5.hover em:before { background-position:-70px -280px; }
.b2c-module .ico-6.hover em:before { background-position:-70px -350px; }
.b2c-module .ico-7.hover em:before { background-position:-70px -420px; }
.b2c-module .ico-8.hover em:before { background-position:-70px -490px; }
.b2c-module .ico-9.hover em:before { background-position:-70px -560px; }
.b2c-module .ico-10.hover em:before { background-position:-70px -630px; }
.b2c-module .ico-11.hover em:before { background-position:-70px -700px; }

.b2c-module dd.hover em:before { -webkit-animation:rotate 5s linear infinite; -moz-animation:rotate 5s linear infinite; -ms-animation:rotate 5s linear infinite; animation:rotate 5s linear infinite; }


.b2c-module .dialog { position:absolute; left:50px; top:20px; padding:30px; border:4px solid #ee4d53; background:#FFF; border-radius:10px; font-size:15px; width:400px; display:none; }
.b2c-module .dialog.left:before, .b2c-module .dialog.right:before { content:""; position:absolute; top:5px; width:0; height:0; border:20px solid transparent; }
.b2c-module .dialog.left:before { border-right-color:#ee4d53; left:-40px; }
.b2c-module .dialog.right:before { border-left-color:#ee4d53; right:-40px; }
.b2c-module .dialog p { color:#666; margin-bottom:15px; }


.b2c-configure { width:100%; background:#252a30; padding:0 0 80px; }
.b2c-configure .head { width:540px; height:60px; padding:10px 100px; margin:0 auto; border-radius:80px; background:url(./bird.png) center center repeat; position:relative; top:-40px; }
.b2c-configure .head img { display:block; width:540px; height:60px; }
.b2c-configure .tab { width:100%; text-align:center; color:#FFF; margin-bottom:40px; }
.b2c-configure .tab li { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 30px; border:1px solid #fff; margin:0 10px; cursor:pointer; *zoom:1; *display:inline; }
.b2c-configure .tab li.cur { background:#ff3b6d; border-color:#ff3b6d; }
.b2c-configure .main { width:1100px; margin:0 auto; }
.b2c-configure .img { width:430px; height:300px; border:3px solid #fff; float:left; margin:0 0 0 40px; }
.b2c-configure .list { margin:0 0 0 500px; padding-top:10px; }
.b2c-configure .list dd { color:#ff3b6d; font-size:18px; margin-bottom:15px; position:relative; }
.b2c-configure .list dd:hover { -webkit-transform:skew(30deg,0) !important; }
.b2c-configure .list span { display:inline-block; width:36px; height:36px; line-height:36px; padding-right:14px; text-align:center; background:url(./tip.png) center center no-repeat; font-size:24px; margin-right:10px; }

.b2c-fee { padding:50px 0px 25px; }
.b2c-fee .head { width:560px; height:80px; margin:0 auto 20px; }
.b2c-fee .head img { display:block; width:560px; height:80px; }
.b2c-fee .main { width:1100px; margin:0 auto; }
.b2c-fee h2 { font-size:20px; font-weight:400; height:36px; line-height:36px; width:200px; padding-left:15px; border-radius:0 36px 36px 0; color:#FFF; margin-bottom:12px; }
.b2c-fee h2.blue { background:#0761db; }
.b2c-fee h2.red { background:#f00033; }
.b2c-fee .table { border:1px solid #ddd; padding:20px; margin-bottom:50px; }
.b2c-fee table { background:#FFF; }
.b2c-fee table td { border:1px solid #ddd; }
.b2c-fee table tr:hover { background:#f5f5f5; }
.b2c-fee table tr:first-child { background:#FFF; }

.b2c-case { position:relative; margin-bottom:60px; overflow:hidden; }
.b2c-case .head { height:60px; line-height:60px; font-size:40px; text-align:center; color:#666; margin-bottom:40px; }
.b2c-case .main { width:100%; padding-bottom:30px; }
.b2c-case .main li { float:left; width:200px; height:60px; margin-bottom:30px; background:#FFF; }
.b2c-case .main img { display:block; width:100%; height:60px; }
.b2c-case .main li:hover { box-shadow:0 0 1px 1px rgba(0,0,0,0.2); position:relative; z-index:2; }
.b2c-case .list { width:100%; padding-bottom:30px; }
.b2c-case .list li.item { float:left; width:222px; margin-left:20px; }
.b2c-case .list li:first-child { margin-left:0; }
.b2c-case .list a { display:block; width:220px; border:1px solid #d1d1d1; }
.b2c-case .list i { display:block; width:212px; height:378px; border:4px solid #fff; overflow:hidden; }
.b2c-case .list a:hover { border-color:#047bcf; }
.b2c-case .list li.item:hover { color:#047bcf; }
.b2c-case .list img { display:block; width:212px; height:auto; }
.b2c-case .list span { display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; }

.b2c-case .foot { width:100%; height:35px; }
.b2c-case .foot a { display:block; width:240px; height:35px; line-height:35px; background:#e14848; color:#fff; border-radius:35px; margin:0 auto; font-size:18px; text-align:center; }
.b2c-case .foot a:hover { background:#af0000; }



@-webkit-keyframes wobble {
	0% {
		-webkit-transform:scale(1) rotate(0);
	}
	20% {
		-webkit-transform:scale(.9) rotate(-5deg);
	}
	45% {
		-webkit-transform:scale(1) rotate(-15deg);
	}
	50% {
		-webkit-transform:scale(1) rotate(-20deg);
	}
	65% {
		-webkit-transform:scale(.9) rotate(-15deg);
	}
	80% {
		-webkit-transform:scale(1) rotate(-5deg);
	}
	100% {
		-webkit-transform:scale(1) rotate(0);
	}
}
@-webkit-keyframes wobble {
	0% {
		-webkit-transform:scale(1) rotate(0);
		   -moz-transform:scale(1) rotate(0);
		    -ms-transform:scale(1) rotate(0);
		        transform:scale(1) rotate(0);
	}
	20% {
		-webkit-transform:scale(.9) rotate(-5deg);
		   -moz-transform:scale(.9) rotate(-5deg);
		    -ms-transform:scale(.9) rotate(-5deg);
		        transform:scale(.9) rotate(-5deg);
	}
	45% {
		-webkit-transform:scale(1) rotate(-15deg);
		   -moz-transform:scale(1) rotate(-15deg);
		    -ms-transform:scale(1) rotate(-15deg);
		        transform:scale(1) rotate(-15deg);
	}
	50% {
		-webkit-transform:scale(1) rotate(-20deg);
		   -moz-transform:scale(1) rotate(-20deg);
		    -ms-transform:scale(1) rotate(-20deg);
		        transform:scale(1) rotate(-20deg);
	}
	65% {
		-webkit-transform:scale(.9) rotate(-15deg);
		   -moz-transform:scale(.9) rotate(-15deg);
		    -ms-transform:scale(.9) rotate(-15deg);
		        transform:scale(.9) rotate(-15deg);
	}
	80% {
		-webkit-transform:scale(1) rotate(-5deg);
		   -moz-transform:scale(1) rotate(-5deg);
		    -ms-transform:scale(1) rotate(-5deg);
		        transform:scale(1) rotate(-5deg);
	}
	100% {
		-webkit-transform:scale(1) rotate(0);
		   -moz-transform:scale(1) rotate(0);
		    -ms-transform:scale(1) rotate(0);
		        transform:scale(1) rotate(0);
	}
}