@charset "utf-8";
/* CSS Document */

* {	margin:0;padding:0;}
body {margin:0;	padding:0;overflow-y:hidden;color:#fff; background:#000;min-width:1200px; font-family:Microsoft Yahei;position: relative;}
li {list-style:none;list-style-position:inside;}
h1,h2,h3,h4 {font-size:100%;}
img {border:0;}
a {color:#5d5d5d; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
li {list-style:none;list-style-position:inside;}
.hidden {text-indent:-999em;overflow:hidden;height:0;line-height:0;	font-size:0;}
.hd { overflow:hidden; text-indent:-999em;}

.frame { z-index:998;}
.lang { width:83px; height:28px;top:65px; color:#fff; line-height:28px; font-size:12px; text-align:center; position:absolute; z-index:999;}
.en{ right:99px;}.cn{ right:0px;}
.lf_sider,.rt_sider { width:160px; height:100%; background:#b54342; position:absolute; top:0; z-index:0;}
.lf_sider { left:0;}.rt_sider { right:0;}
.comm,.radio li,.radioOn,.radioWrap i,.arrow,.newlist li i.dd,.ts_txt ul li span { background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/comm.png); background-repeat: no-repeat;}
.ssll_logo { width:410px; height:100px; position:absolute; left:0;top:29px; z-index:999; background:url(//www.thenextstudio.net/web201708/images/logo_cn.png) no-repeat center center;}
.logo_line {width:1200px; position:absolute; left:50%; top:156px; margin-left:-630px; background:none; z-index:999; display:block;}
.logo_line h1 { display:block; width:91px; height:60px;margin:0;}
.logo_line a.nextstu_logo { width:91px; height:60px; display:block; }
.op-section { position:relative;}
.first { z-index:998;}.second { overflow:hidden;z-index:996;}.third,.forth,.fifth,.sixth { z-index:996;}
.top_bg {width:100%; height:506px; position:absolute; left:0; top:0; background:url(//www.thenextstudio.net/web201708/images/deathcoming/top_bg.png) no-repeat center top; z-index:998;}
.top { width:100%; height:506px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/top.gif) no-repeat center top;}
.mainer01 { width:1200px; height:100%; background:#b54342; margin:0 auto; position:relative;}
.mainer02 { width:1200px; height:100%; background:#000; margin:0 auto; position:relative;}
.mainer03 { width:1196px; height:100%; background:#000; margin:0 auto; position:relative; overflow:hidden;border-left:2px solid #b54342;border-right:2px solid #b54342;}
.mainer04 { width:1200px; height:100%; background:#000; margin:0 auto; position:relative;}
.mainer05 { width:1200px; height:100%; margin:0 auto; position:relative;}
.mainer06 { width:1200px; height:100%; margin:0 auto; position:relative;}
.buy { width:309px; height:426px; position:absolute; left:-109px; bottom:20%; z-index:999; background:url(//www.thenextstudio.net/web201708/images/deathcoming/buy.png) no-repeat;animation:fadeInLeft 1s 1.2s ease both;-webkit-animation:fadeInLeft 1s 1.2s ease both;-moz-animation:fadeInLeft 1s 1.2s ease both;}
@keyframes fadeInLeft{
	0%{opacity:0;
		transform:translateX(-220px)}
	100%{opacity:1;
		transform:translateX(0)}
}
@-webkit-keyframes fadeInLeft{
	0%{opacity:0;
		-webkit-transform:translateX(-220px)}
	100%{opacity:1;
		-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
	0%{opacity:0;
		-moz-transform:translateX(-220px)}
	100%{opacity:1;
		-moz-transform:translateX(0)}
}
.on .buy {animation:fadeInLeft 1s 1.2s ease both;-webkit-animation:fadeInLeft 1s 1.2s ease both;-moz-animation:fadeInLeft 1s 1.2s ease both;}
.buy i.ewm { position:absolute; width:123px; height:147px;right:-56px; top:119px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/ewm_2.png) no-repeat;animation:fadeIn .2s 2.2s ease both;-webkit-animation:fadeIn .2s 2.2s ease both;-moz-animation:fadeIn .2s 2.2s ease both;}
.buy i.ewm_en { position:absolute; width:123px; height:147px;right:-56px; top:119px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/ewm_2.png) no-repeat;animation:fadeIn .2s 2.2s ease both;-webkit-animation:fadeIn .2s 2.2s ease both;-moz-animation:fadeIn .2s 2.2s ease both;}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
.on .buy i{animation:fadeIn .2s 2.2s ease both;-webkit-animation:fadeIn .2s 2.2s ease both;-moz-animation:fadeIn .2s 2.2s ease both;}
.video {position:absolute; z-index: 999; left:50%; bottom:10%; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 1;}
.on .video {animation:bounceVideoIn 1s .2s ease both;-webkit-animation:bounceVideoIn 1s .2s ease both;-moz-animation:bounceVideoIn 1s .2s ease both;}
@-webkit-keyframes bounceVideoIn{

}
@-moz-keyframes bounceVideoIn{

}
.video p { display:block; text-align:center; font-size:16px; line-height:60px;}
.videoPlayer {  background:#000; border:18px solid #fff;}
.videoPlayer img { width:100%; height:100%;}
.videoPlayer a { position:absolute; width:100%; height:100%;}
.videoPlayer strong { position:absolute; width:113px; height:113px; background-position:-114px -62px; left:50%;top:50%; margin-left:-56px; margin-top:-56px;}
.videoPlayer a:hover strong {animation:scaleA .2s ease-in both;-webkit-animation:scaleA .2s ease-in both;-moz-animation:scaleA .2s ease-in both;}
@-webkit-keyframes scaleA{
	0%{-webkit-transform:scale(1,1);}
	100%{-webkit-transform:scale(1.1,1.1);}
}
@-moz-keyframes scaleA{
	0%{-moz-transform:scale(1,1);}
	100%{-moz-transform:scale(1.1,1.1);}
}
@keyframes scaleA{
	0%{transform:scale(1,1);}
	100%{transform:scale(1.1,1.1);}
}
ul.nav { position:absolute; left:448px; top:65px; z-index:999;}
ul.nav li { display:block; width:99px; height:39px; float:left; margin-right:14px;}
ul.nav li a {color:#000; display:block; width:100%; height:100%; background-position:-91px 0; text-align:center; font-size:16px; line-height:28px;}
ul.nav li.none { display:none;}

.officeBg { width:482px; height:362px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/officeBg.png) no-repeat right bottom; position:absolute; right:-360px;top:492px; z-index:997}
.office { width:427px; height:273px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/office.gif) no-repeat; position:absolute; left:0; top:0; z-index:997;}
.pot { width:26px; height:36px; position:absolute; right:74px; top:566px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/pot.png) no-repeat; z-index:2000;}
/*sec02*/
.eyebg { height:200px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/eyeBg.png); background-repeat:no-repeat; position:absolute; left:0; z-index:996}
.eye_top { width:1200px; background-color:#b54342; background-position:0 bottom; top:-70px;}
.on .eye_top {animation:fadeInDownA 1s .5s ease both;-webkit-animation:fadeInDownA 1s .5s ease both;-moz-animation:fadeInDownA 1s .5s ease both;}
@keyframes fadeInDownA{
	0%{transform:translateY(-88px)}
	100%{transform:translateY(0)}
}
@-webkit-keyframes fadeInDownA{
	0%{-webkit-transform:translateY(-88px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownA{
	0%{opacity:0;
		-moz-transform:translateY(-88px)}
	100%{opacity:1;
		-moz-transform:translateY(0)}
}
.eye_bottom { width:1196px; background-color:#000; background-position:-1202px top;border-left:2px solid #b54342;border-right:2px solid #b54342; bottom:-70px;}
.on .eye_bottom{animation:fadeInUpA 1s .5s ease both;-webkit-animation:fadeInUpA 1s .5s ease both;-moz-animation:fadeInUpA 1s .5s ease both;}
@keyframes fadeInUpA{
	0%{transform:translateY(88px)}
	100%{transform:translateY(0)}
}
@-webkit-keyframes fadeInUpA{
	0%{-webkit-transform:translateY(88px)}
	100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpA{
	0%{-moz-transform:translateY(88px)}
	100%{-moz-transform:translateY(0)}
}
.light { width:160px; height:318px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/light.png) no-repeat; position:absolute;left:0; top:46px; z-index:998;}
.on .light {animation:fadeIn .7s 1.2s ease both;-webkit-animation:fadeIn .7s 1.2s ease both;-moz-animation:fadeIn .7s 1.2s ease both;}
.car_bg1 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/car_normal.gif) no-repeat;}
.car_bg2 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/car_broken.gif) no-repeat;}
.car { width:354px; height:300px;  position:absolute;right:-62px; top:-10px; z-index:997;}

.news {width:910px; height:590px; position:absolute; left:145px;top:30%; z-index:997;}
.newlist { width:910px; height:595px; position:relative;}
.newlist li {position: absolute;top: 0;left: 0;display: none; width:910px; height:595px;}
.newlist li span { width:480px; height:480px; display:block; position:relative; float:left; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.on .newlist li span {animation:bounceIn 1s .2s ease both;-webkit-animation:bounceIn 1s .2s ease both;-moz-animation:bounceIn 1s .2s ease both;padding-top:20px;}
@keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);}
	50%{opacity:0.25;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}
	70%{opacity:0.5;-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);}
	100%{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}
@-webkit-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);}
	50%{opacity:0.25;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}
	70%{opacity:0.5;-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);}
	100%{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes bounceIn{
	0%{opacity:0;-moz-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7);}
	50%{opacity:0.25;-moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);}
	70%{opacity:0.5;-moz-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);}
	100%{opacity:1;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);}
}
.newlist li img.imgShow { position:absolute;left:0; top:0; z-index:998;}
.newlist li i { position:absolute; right:0; bottom:0; z-index:997;}
.newlist li i img {filter: url(blur.svg#blur);-webkit-filter: blur(5px);-moz-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false);filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}
.arrow {width:57px; height:60px; position:absolute; top:50%; margin-top:-100px;}
#prev {left:-150px; background-position:0 -70px;}
#next {right:-150px; background-position:-57px -70px;}
.on .newlist li .new_txt {animation:fadeInRight 1s .6s ease both;-webkit-animation:fadeInRight 1s .6s ease both;-moz-animation:fadeInRight 1s .6s ease both;}
.new_txt { color:#737373; float:right; width:424px;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.newlist li i.dd { width:11px; height:60px; background-position:right 0; position:absolute; bottom:0; left:490px;}
@keyframes fadeInRight{
	0%{opacity:0;transform:translateX(20px)}
	100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translateX(20px)}
	100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{
	0%{opacity:0;-moz-transform:translateX(20px)}
	100%{opacity:1;-moz-transform:translateX(0)}
}
.new_txt p { display:block; margin-bottom:30px; line-height:24px;}
.new_txt p strong { display:block; color:#a7a7a7; font-size:16px; margin-bottom:10px;}


/*特色*/
.mainer03 ul { width:1200px; height:100%; display:block; left:0; top:0;}
.mainer03 ul li { display:block; width:485px; position:absolute; color:#c6c6c6; line-height:30px;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.mainer03 ul li h3 { display:block; margin-bottom:10px;}
.mainer03 ul li.left { left:109px; top:15%;}
.on .mainer03 ul li.left {animation:fadeInUpC 1s .2s ease both;-webkit-animation:fadeInUpC 1s .2s ease both;-moz-animation:fadeInUpC 1s .2s ease both;left:109px; top:15%;}
@keyframes fadeInUpC{
	0%{opacity: 0;transform:translateY(100px)}
	100%{opacity: 1;transform:translateY(0)}
}
@-webkit-keyframes fadeInUpC{
	0%{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;-webkit-transform:translateY(100px)}
	100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpC{
	0%{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;-moz-transform:translateY(100px)}
	100%{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;-moz-transform:translateY(0)}
}
.mainer03 ul li.right { right:109px; top:28%; text-align:right;}
#.mainer03 ul li.right { right:109px; top:28%; text-align:left;}
.mainer03 ul li h3 {width:100%; height:68px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/_xgtitleBg.png); background-repeat:no-repeat; text-align:left;}
.mainer03 ul li.left h3 { background-position:left 0;}
.mainer03 ul li.right h3 { background-position:right -68px;}
.on .mainer03 ul li.right {animation:fadeInUpC 1s .5s ease both;-webkit-animation:fadeInUpC 1s .5s ease both;-moz-animation:fadeInUpC 1s .5s ease both;right:109px; top:28%;}
.mainer03 ul li p { margin-bottom:60px; font-size:14px; color:#c6c6c6;}
.mainer03 ul li i{ display:block; width:11px; height:60px;background-position:right 0; margin-bottom:40px;}
.mainer03 ul li.right i { margin-left:auto}



.txj_bg1 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/txj_normal.gif) no-repeat;}
.txj_bg2 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/txj_ht.gif) no-repeat;}
.txj { width:140px; height:160px;  position:absolute; right:54px; top:40px;}
/*相关*/
.ts_inner { width:980px; height:980px;position:absolute; left:110px; top:260px;animation:spin 30s infinite linear;-webkit-animation:spin 30s infinite linear;-moz-animation:spin 30s infinite linear;transform-origin: 50% 50%;	}
@keyframes spin{
	from{-moz-transform: rotate(-1turn);-webkit-transform: rotate(-1turn);transform:rotate(-1turn);}
}
@-webkit-keyframes spin{
	from{-moz-transform: rotate(-1turn);-webkit-transform: rotate(-1turn);transform:rotate(-1turn);}
}
@-moz-keyframes spin{
	from{-moz-transform: rotate(-1turn);-webkit-transform: rotate(-1turn);transform:rotate(-1turn);}
}
.ts { width:1200px; height:1390px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/m3Bg.png) no-repeat center top;position:absolute; left:0;}
.on .ts {position:absolute; left:0;}

.w1 {background-position:0 0;left: 362px;top: 70px;}
.w2 {background-position:-110px 0;left: 436px;top: -15px;}
.w3 {background-position:-220px 0;	left: 474px;top: 65px;}
.w4 {background-position:-330px 0;left: 157px;top: 98px;}
.w5 {background-position:-440px 0;left: 271px;top: 30px;}
.w6 {background-position:-550px 0;left: 605px;top: 42px;}
.w7 {background-position:-660px 0;left: 668px;top: 161px;}
.w8 {background-position:0 -110px;left: 86px;top: 233px;}
.w9 {background-position:-110px -110px;left: 183px;top: 236px;}
.w10 {background-position:-220px -110px;left: 2px;top: 343px;}
.w11 {background-position:-330px -110px;left: 124px;top: 439px;}
.w12 {background-position:-440px -110px;left: 803px;top: 239px;}
.w13 {background-position:-550px -110px;left: 767px;top: 143px;}
.w14 {background-position:-660px -110px;left: 787px;top: 397px;}
.w15 {background-position:0 -220px;left: 170px;top: 662px;}
.w16 {background-position:-110px -220px;left: 761px;top: 496px;}
.w17 {background-position:-220px -220px;left: 128px;top: 564px;}
.w18 {background-position:-330px -220px;left: 151px;top: 727px;}
.w19 {background-position:-440px -220px;left: 66px;top: 629px;}
.w20 {background-position:-550px -220px;left: 805px;top: 697px;}
.w21 {background-position:-660px -220px;left: 848px;top: 574px;}
.w22 {background-position:0 -330px;left: 115px;top: 336px;}
.w23 {background-position:-110px -330px;left: 259px;top: 131px;}
.w24 {background-position:-220px -330px;left: 562px;top: 108px;}
.w25 {background-position:-330px -330px;left: 725px;top: 290px;}
.w26 {background-position:-440px -330px;left: 576px;top: 731px;}
.w27 {background-position:-550px -330px;left: 676px;top: 703px;}
.w28 {background-position:-660px -330px;left: 875px;top: 478px;}
.w29 {background-position:0 -440px;left: 762px;top: 606px;}
.w30 {background-position:-110px -440px;left: 630px;top: 812px;}
.w31 {background-position:-220px -440px;left: 250px;top: 803px;}
.w32 {background-position:-330px -440px;left: 291px;top: 732px;}
.w33 {background-position:-440px -440px;left: 429px;top: 746px;}
.w34 {background-position:-550px -440px;left: 463px;top: 838px;}
.w35 {background-position:0 -550px;left: 372px;top: 805px;}
.w36 {background-position:-220px -550px;left: 804px;top: 283px;}
.w37 {background-position:-440px -550px;left: -29px;top: 405px;}

.wjBg {	background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/wj.png);background-repeat:no-repeat;position:absolute;}
.wj_wh {width:110px;height:110px;animation: spin-reverse 30s infinite linear;-webkit-animation: spin-reverse 30s infinite linear;-moz-animation: spin-reverse 30s infinite linear;}.wj_wh2 { width:220px; height:220px;animation: spin-reverse 30s infinite linear;-webkit-animation: spin-reverse 30s infinite linear;-moz-animation: spin-reverse 30s infinite linear;}
.on .wj_wh {animation: spin-reverse 30s infinite linear;-webkit-animation: spin-reverse 30s infinite linear;-moz-animation: spin-reverse 30s infinite linear;}.on .wj_wh2 {animation: spin-reverse 30s infinite linear;-webkit-animation: spin-reverse 30s infinite linear;-moz-animation: spin-reverse 30s infinite linear;}
@keyframes spin-reverse{
	from{
		transform:rotate(1turn);
	}
}
@-webkit-keyframes spin-reverse{
	from{
		-webkit-transform:rotate(1turn);
	}
}
@-moz-keyframes spin-reverse{
	from{
		-moz-transform:rotate(1turn);
	}
}
.tadiao { width:536px; height:811px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/tadiao.png) no-repeat; position:absolute; right:-219px; top:20%; z-index:997;}
.monkey_bg1 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/monkey_normal.gif) no-repeat;}
.monkey_bg2 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/monkey_ht.gif) no-repeat;}
.monkey { width:220px; height:230px;  position:absolute; right:290px; top:87px; z-index:998;}

/*媒体*/
.media { width:1200px; height:580px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-290px;}
.media h2 { display:block; width:366px; height:109px; background-position:0 0; margin:0 auto;}
._title { background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/_title.png); background-repeat:no-repeat;}
._title_en { background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/_title_en.png); background-repeat:no-repeat;}
#box{width:1200px; height:387px; position:absolute; bottom:0;}
#box_container { width:1200px; height:387px;}
.item{position:absolute;top:0;left:0; width:690px;height:387px;overflow:hidden;z-index:1;opacity:1; cursor:pointer;}
.item img { width:1005; height:100%;}
#control{height:20px;text-align:center; display:none;}
#control span{width:30px;height:5px;font-size:0;line-height:0;cursor:pointer;display:inline-block;background-color:#FEFEFE;border:1px solid #7FBA00;margin:13px 2px 2px;}
#control span.active{background-color:#7FBA00;border:1px solid #7FBA00;}
.slider_num{float:right;font-size:12px; background:#FF9900;padding:1px 20px 0 3px;line-height:20px; height:20px;margin: -13px 0px;}
.slider_num a:link, .comments_num a:visited{color:#FFFFFF;text-shadow:1px 0px #000000;}

/*联系*/
.on .contact {animation:fadeIn .8s .5s ease both;-webkit-animation:fadeIn .8s .5s ease both;-moz-animation:fadeIn .8s .5s ease both;}
.contact { width:1200px; height:580px; position:absolute; left:50%; top:5%; margin-left:-600px; margin-top:0px;text-align:center;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}
.contact h2 { display:block; width:366px; height:109px; background-position:0 -109px; margin:80px auto 10px auto;}
.contact p { display:block; text-align:center; color:#959595; font-size:14px; line-height:24px; margin-bottom:30px;}
.contact p a {color:#959595;}.contact p a:hover { text-decoration:underline;}
.sns { width:100%; height:auto;}
.sns ul { display:block; text-align:center;}
.sns ul li { display:inline-block; *display:inline;zoom:1; padding:0 30px;height:104px;vertical-align: top}
.sns ul li a { display:block; width:229px; height:104px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/sns2.png); background-repeat:no-repeat;}
.sns ul li a.wx { background-position:0 0;}
.sns ul li a.wb { background-position:0 -104px;}

.sns_en { width:100%; height:auto;}
.sns_en ul { display:block; text-align:center;}
.sns_en ul li { display:inline-block; *display:inline;zoom:1; padding:0 30px;height:104px;vertical-align: top}
.sns_en ul li a { display:block; width:229px; height:104px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/sns_en.png); background-repeat:no-repeat;}
.sns_en ul li a.wx { background-position:0 0;}
.sns_en ul li a.wb { background-position:0 -104px;}


.sixth { background:url(//www.thenextstudio.net/web201708/images/deathcoming/bottom.gif) no-repeat center bottom; z-index:997; background-size: 100%}
.ren_bg1 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/ren01.gif) no-repeat;}
.ren_bg2 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/ren02.gif) no-repeat;}
.ren_bg3 {background:url(//www.thenextstudio.net/web201708/images/deathcoming/ren03.gif) no-repeat;}
.ren { width:456px; height:324px; position:absolute;right:72px; bottom:0;}
.on .ts_txt {animation:fadeInUpC 1s .2s ease both;-webkit-animation:fadeInUpC 1s .2s ease both;-moz-animation:fadeInUpC 1s .2s ease both;}
.ts_txt { width:268px; position:absolute; color:#000; top:335px; left:50%; margin-left:-134px; z-index:998}
.ts_txt p { display:block; margin:0 auto 30px auto; width:194px; line-height:30px; font-size:14px; text-align:center;}
.ts_txt ul { display:block; width:100%;}
.ts_txt ul li { font-size:16px; line-height:30px; display:block; margin-bottom:12px;}
.ts_txt ul li span { display:block; width:30px; height:30px; float:left; margin-right:15px;}
.ts_txt ul li span.f1 { background-position:0 -175px;}
.ts_txt ul li span.f2 { background-position:-30px -175px;}
.ts_txt ul li span.f3 { background-position:-60px -175px;}
.ts_txt ul li span.f4 { background-position:-90px -175px;}
.gototop_bg { width:302px; height:249px; background:url(//www.thenextstudio.net/web201708/images/deathcoming/gototop_bg.png) no-repeat; right:-363px; bottom:224px; position:absolute;z-index: 1}
.rocket { width:126px; height:300px; position:absolute; left:0; top:-150px; cursor:pointer;}
.rocket_nomal { background:url(//www.thenextstudio.net/web201708/images/deathcoming/rocket_nomal.gif) no-repeat;}
.rocket_nomal { width:126px; height:300px; position:absolute; left:0; top:-52px; cursor:pointer;}


@media screen and (max-width:1712px) {
	.buy {left:-169px;}
}
@media screen and (max-width:1200px) {
	.logo_line { width:100%; height:60px; background:#000; left:0; margin:0; top:0;}.logo_line h1 { margin:0 auto;}
	.ssll_logo { top:89px;}
	ul.nav,.lang { top:125px;}
	.top_bg { top:60px;}
}


.radioWrap { width:100px; padding-top:27px; position:absolute;left:50%;bottom:30px; margin-left:-48px; z-index:999;}
.radioWrap i { display:block; width:21px; height:12px; position:absolute; top:0; left:35px; background-position:-190px 0; overflow:hidden; text-indent:999em;animation:fadeInDown 1s .2s ease both infinite;-webkit-animation:fadeInDown 1s .2s ease both infinite;-moz-animation:fadeInDown 2s .2s linear infinite;}
@keyframes fadeInDown{
	0%{transform:translateY(-4px);opacity:0}
	50%{transform:translateY(0px)}
	100%{transform:translateY(4px);opacity:1}
}
@-webkit-keyframes fadeInDown{
	0%{-webkit-transform:translateY(-4px);opacity:0}
	50%{-webkit-transform:translateY(0px)}
	100%{-webkit-transform:translateY(4px);opacity:1}
}
@-moz-keyframes fadeInDown{
	0%{-moz-transform:translateY(-4px);opacity:0}
	50%{-moz-transform:translateY(0px)}
	100%{-moz-transform:translateY(4px);opacity:1}
}
.radioWrap i.red { background-position:-190px -12px;}
.radio {width:100%;overflow: hidden;}
.radio li {	width:10px;	height:10px; float:left; margin-right:6px;text-indent:-10000px; background-position:-10px -60px; overflow:hidden;cursor:pointer;}
.radioOn {width:10px;height:10px; position: absolute;top:27px;left:0;background-position:-20px -60px;}
.black { background-position:0 -60px;}

.init .op-section:not(:first-child){
	display: none;
}
/*
自适应
 */
#snsqq{
	width: 146px!important;
	height: 140px!important;
	background-position-x: 0!important;
	background-position-y: 70px!important;
	margin-top: -70px!important;
}
#snswb{
	width: 146px!important;
	height: 140px!important;
	background-position-x: 0!important;
	background-position-y: 70px!important;
	margin-top: -70px!important;
}
.sns { width:100%; height:auto;}
.sns ul { display:block; text-align:center;}
.sns ul li { display:inline-block; *display:inline;zoom:1; padding:0 30px;height:104px;}
.sns ul li a { display:block; width:229px; height:104px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/sns2.png); background-repeat:no-repeat;}
.sns ul li a.wx { background-position:0 0;}
.sns ul li a.wb { background-position:0 -104px;}

.sns_en { width:100%; height:auto;}
.sns_en ul { display:block; text-align:center;}
.sns_en ul li { display:inline-block; *display:inline;zoom:1; padding:0 30px;height:104px;}
.sns_en ul li a { display:block; width:229px; height:104px; background-image:url(//www.thenextstudio.net/web201708/images/deathcoming/sns_en.png); background-repeat:no-repeat;}
.sns_en ul li a.wx { background-position:0 0;}
.sns_en ul li a.wb { background-position:0 -104px;}
@media screen and (min-height:500px) and (max-height:700px) {
	.mainer03 ul li p { margin-bottom:10px}
	.ts_txt{
		top: 270px;
	}
	#box {
		bottom: 70px;
	}
	.new_txt p{
		margin-bottom: 20px;
	}
	.mainer03 ul li i{
		margin-bottom: 20px;
	}
	.en-view .new_txt p {
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 20px;
	}
	.en-view .mainer03 ul li i{ margin-bottom:5px;}
	.en-view .mainer03 ul li img{
		max-height: 200px;
	}
	.en-view .mainer03 ul li p{
		margin-bottom: 10px;
		line-height: 25px;
	}
	.sns ul li{
		vertical-align: top;
	}
	.sns ul li a{
		width: 172px;
		height: 70px;
		background-size: 172px 140px;
	}
	.sns ul li a.wx { background-position:0 0;}
	.sns ul li a.wb { background-position:0 -70px;}
	.contact_title._title.hd{
		margin-top: 0!important;
	}
	.sns_en ul li{
		vertical-align: top;
	}
	.sns_en ul li a{
		width: 172px;
		height: 70px;
		background-size: 172px 140px;
	}
	.sns_en ul li a.wx { background-position:0 0;}
	.sns_en ul li a.wb { background-position:0 -70px;}
	.contact_title_en._title_en.hd{
		margin-top: 0!important;
	}
}