@charset "utf-8";
/* CSS Document */
/*
	* 樟宜机场
	* PM: xiaoyu
	* css: xiaoxiao
	* date 2016/5/12
*/
.container{font-family:"SimHei",Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,STHeiti;_font-family:"SimHei",Tahoma,Arial,Helvetica,STHeiti;color:#00224f; overflow:hidden; min-width: 1000px;}
.container a:hover{ text-decoration: none;}
.wrap{ width: 965px; margin: 0 auto;}

.arrow{ width: 44px; height: 66px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -75px; display: block;}
.coco1{ width:295px; height: 322px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -865px; display: block; position: absolute; left:50%;  top:-15px; margin-left:-653px;}
.coco2{ width:260px; height: 270px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -295px -856px; display: block; position: absolute; left:50%;  top:395px; margin-left:360px;}
.coco3{ width:235px; height: 254px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -337px -536px; display: block; position: absolute; left:50%;  top:695px; margin-left:-636px;}
.coco4{ width:337px; height: 320px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -536px; display: block; position: absolute; right:0;  top:490px;}
.coco5{ width:279px; height: 275px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -291px -647px; display: block; position: absolute; left: 50%;  top:655px; margin-left: -690px;}
.i-m{ width:195px; height: 41px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -140px -75px; display: block; position: absolute; left: 0; top:-37px;}
.i-p{ width: 127px; height: 89px; background:url("/images/activity/changi/changi-sprites.png") no-repeat -121px -232px; display: block; position: absolute; left:-32px; top:66px;}
.con-wl .i-p{top:96px;}
.boat{ width: 149px; height: 84px; position: absolute; left:-66px; top:75px;}
.ship{ width:123px; height: 69px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 -739px; display: block; position: absolute; left:14px; top:0;}
.i-water{ width:149px; height: 33px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -123px -739px; display: block; position: absolute; left:0; bottom:0;}
.i-d{ width:138px; height: 98px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -462px -320px; display: block; position: absolute; left:42px; top:-24px;}
.con-rr .i-d{background: url("/images/activity/changi/changi-sprites2.png") no-repeat -138px -281px;}
.con-mdt .i-d{background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 -281px; top:-10px;}
.con-wl .i-d{background: url("/images/activity/changi/changi-sprites2.png") no-repeat -276px -281px; top:6px;}
.i-b{ width:197px; height:119px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -340px -141px; display: block; position: absolute; right:-105px; bottom:-55px;}
.i-b1{ width:260px; height:119px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -310px -528px; display: block; position: absolute; right:-87px; bottom:-95px;}
.i-bell{ width:140px; height:139px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -315px -142px; display: block; position: absolute; right:-44px; bottom:-38px;}
.i-w{ width:226px; height:496px; background: url("/images/activity/changi/i-w.png"); display: block; position: absolute; left:-93px; top:10px;}
.mw1{ width:785px; height:430px; background: url("/images/activity/changi/mw1.png"); display: block; position: absolute; right:0; top:560px;}
.mw2{ width:494px; height:427px; background: url("/images/activity/changi/mw2.png"); display: block; position: absolute; right:0; top:515px;}
.mw3{ width:573px; height:380px; background: url("/images/activity/changi/mw3.png"); display: block; position: absolute; left:0; top:632px;}
.mw4{ width:599px; height:394px; background: url("/images/activity/changi/mw4.png"); display: block; position: absolute; right:0; top:633px;}
.mw5{ width:752px; height:458px; background: url("/images/activity/changi/mw5.png"); display: block; position: absolute; right:0; top:475px;}
.i-pe{ width:250px; height:489px; background: url("/images/activity/changi/i-p.png"); display: block; position: absolute; right:-23px; top:30px;}
.i-py{ width:260px; height:340px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 -399px; display: block; position: absolute; left:50%; top:630px; margin-left: -590px;}
.i-flower{ width:129px; height:118px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -414px -281px; display: block; position: absolute; right:-44px; bottom: -55px;}
.i-car{ width:245px; height:129px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -324px -399px; display: block; position: absolute; right:-148px; bottom: -55px;}
.i-car{ width:245px; height:129px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat -324px -399px; display: block; position: absolute; right:-148px; bottom: -35px;}
.grass{ width:315px; height:99px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 -142px; display: block; position: absolute; left:-13px; top:-72px;}
.horse{ width:496px; height: 298px; background: url("/images/activity/changi/horse.png"); display: block; position: absolute; left: 50%;  top:650px; margin-left: -750px;}

.info em{ font-style: normal; display: block;}

.f1{ height: 520px; width: 100%; background: url("/images/activity/changi/f1_bg.jpg") no-repeat center top #9ccedc;}
.f1 .wrap{ position: relative;}
.f1 h1{ width:472px; height: 283px; background: url("/images/activity/changi/tit1.png") no-repeat; position: absolute; left:-13px; top:185px;}
/* f2 */
.f2{ width: 100%; height:843px; background: url("/images/activity/changi/f2_bg1.jpg") no-repeat center top; position: relative;}
.f2 .wrap{ position: relative; padding-top:42px;}
.sub_tit{ width:385px; height:98px; background: url("/images/activity/changi/tit2.png") no-repeat; margin: 0 auto;}
.f2 .video{ width:870px; margin: 0 auto; position:relative;}
.f2 .video:before{ content:""; width:35px; height: 518px; background: url("/images/activity/changi/shadow-r.png"); position: absolute; left: -35px; top:50%; margin-top:-259px;}
.f2 .video:after{ content:""; width:35px; height: 518px; background: url("/images/activity/changi/shadow-l.png"); position: absolute; right: -35px; top:50%; margin-top:-259px;}
.f2 .play,.video_con .play{ width:101px; height: 116px; background:url("/images/activity/changi/changi-sprites.png") no-repeat -360px -321px; display: block; position: absolute; left: 50%; top:50%; margin-left: -50px; margin-top: -58px;}
.f2 .arrow{ margin: 10px auto 6px;}
/*.f2 p{ font-size: 26px; text-align: center; line-height: 36px; text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0; -webkit-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0; -moz-text-shadow:#fff 3px 0 0,#fff 0 3px 0,#fff -3px 0 0,#fff 0 -3px 0;*filter: Glow(color=#fff, strength=3);}*/
.f2 p{ width:212px; height:67px; background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 -837px; display: block; margin:0 auto; line-height: 20em; overflow: hidden;}

/* f3 */
.f3{width:100%; background-color:#d3f9ff; position: relative;}
.theme_list{ height:195px; background-color:#2cbcd1; padding-top: 90px;}
.theme_list ul{ width: 940px; margin: 0 auto;}
.theme_list li{ width: 178px; height:117px; background:url("/images/activity/changi/changi-sprites.png") no-repeat -178px -321px; float: left; position: relative; padding-top: 98px; margin: 0 5px; cursor: pointer;}
.theme_list li.on{ background-position: 0 -321px;}
.theme_list .author{ width: 114px; height: 114px; background-color: #fff; padding:4px; border:4px solid #f0c935; border-radius: 50%; position: absolute; left: 50%; margin-left:-65px; top:-73px;}
.theme_list li.on .author{ border-color:#00224f;}
.theme_list .author span{ width: 114px; height: 114px; background-color:#fff; display: block; border-radius: 50%; position: relative;}
.theme_list .author i{ width: 114px; height: 142px;background: url("/images/activity/changi/changi-sprites2.png") no-repeat 0 0; display:inline-block; position:absolute; left: 0; bottom: 0; border-radius:0 0 57px 57px; 57px;}
.theme_list .it2 .author i{ background-position:-114px 0;}
.theme_list .it3 .author i{ background-position:-227px 0;}
.theme_list .it4 .author i{ background-position:-340px 0;}
.theme_list .it5 .author i{ background-position:-455px 0; bottom: -2px;}
.theme_list li.on .author span{ background-color:#f0c935; box-shadow:inset 0 0 18px rgba(126,100,3,.8);}
.theme_list p{ width:109px; height: 74px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 0; margin: 0 auto;}
.theme_list .it2 p{ background-position:-109px 0;}
.theme_list .it3 p{ background-position:-218px 0;}
.theme_list .it4 p{ background-position:-327px 0;}
.theme_list .it5 p{ background-position:-436px 0;}
.f3 .con{ padding:35px 0 0 0;}
.f3 .con-item{ padding:0 0 90px 0; position: relative; display: none;}
.f3 .con-item.show{ display: block;}
.f3 .c-t{ position: relative;}
.f3 .c-t .video{ width: 525px; height:355px; float: left; position: relative; position: relative; margin-right: 30px;}
.f3 .video .play{ width:87px; height: 99px; background:url("/images/activity/changi/changi-sprites.png") no-repeat -360px -437px; position:absolute; left: 50%; top:50%; margin-left:-44px; margin-top: -50px;}
.f3 .video-txt{ float: left; width: 375px;}
.f3 .video-txt .title{ font-size: 32px; line-height: 40px; margin-top: -4px;}
.f3 .video-txt .desc{ width:373px; background-color:#fff; margin-top:44px; padding:1px; position: relative;}
.video-txt .desc p{ width:345px; border:4px dotted #f9e9ae; font-size: 16px; line-height: 28px; padding:5px 10px; font-weight:lighter;}
.con-item .line{ width: 100%;background:url("/images/activity/changi/line.png") no-repeat 51px 131px; margin-top: 41px; position: relative; z-index: 2;}
.con-item .address{ width: 100%;}
.line li{ width: 150px; float: left; _display:inline; position: relative;}
.line li .ad-t{width: 125px; height: 175px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -141px; padding-top: 5px; margin: 0 auto;}
.line .ad-t .img{ width:104px; height: 104px; background-color: #fff; border-radius: 50%; overflow: hidden;
    padding:3px; margin: 0 auto;}
/*.line .ad-t .images>images{ border-radius: 50%;}*/
.line .ad-t .num{ width:19px; height: 27px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -45px -75px; display: block; margin: 10px auto 0; line-height: 20em; overflow: hidden;}
.line .it2 .ad-t .num{ background-position:-64px -75px;}
.line .it3 .ad-t .num{ background-position:-83px -75px;}
.line .it4 .ad-t .num{ background-position:-102px -75px;}
.line .it5 .ad-t .num{ background-position:-121px -75px;}
.line li.it1{ margin:79px 0 0 128px;}
.line li.it2{ margin:-2px 0 0 -10px;}
.line li.it3{ margin:105px 0 0 3px;}
.line li.it4{ margin:15px 0 0 1px;}
.line li.it5{ margin:135px 0 0 -5px;}
.line li .info{ text-align: center; font-size: 20px; width: 150px;}
.line li .info em{ font-size: 16px; font-weight: lighter;}
.line li.it1 .info{ margin-top: 8px;}
.line li.it2 .info{ position: absolute; right:-145px; top:6px; z-index: 2;}
.line li.it3 .info{ margin-top: 10px;}
.con-mdt .line li.it3 .info{ width: 160px;}
.line li.it4 .info{ position: absolute; right:-140px; top:-5px; z-index: 2;}
.line li.it3 .ad-t{ -webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
.line li.it4 .ad-t{ -webkit-transform: rotate(2deg);transform: rotate(2deg);}
.line li.it5 .ad-t{ -webkit-transform: rotate(10deg);transform: rotate(10deg);}
.f3 .c-d{ margin-top: 30px; text-align: center;}
.c-d .title{height: 54px; background-color:#f0c935; color: #fff; line-height: 54px; font-size: 28px; text-align: center; margin: 0 auto; position: relative;padding: 0 25px; display: inline-block; z-index:3;}
.c-d .desc{ width:880px;background-color:rgba(255,255,255,.8); padding:3px; margin-top: -27px; position: relative; z-index: 2;}
.con-rr .c-d .desc{ z-index: 2;}
.c-d .desc p{ width:810px;  border:4px dotted #f9e9ae; font-size: 20px; font-weight:lighter; line-height: 38px; padding:40px 22px 15px 40px; word-break : normal; text-align: left;}
.c-d .desc a{ width:86px; height: 76px; background: url("/images/activity/changi/changi-sprites.png") no-repeat -225px -141px; font-size: 24px; color: #fff; display: block; line-height: 24px; padding:23px 0 0 26px; position: absolute; right: 105px; bottom: -70px; text-align: left; z-index: 2;}
.con-rr .c-d .desc a{ right: 103px; bottom:-37px;}
.con-mdt .c-d .desc a{ right: 100px; bottom:-45px;}
.con-wl .c-d .desc a{ right: 125px; bottom:-80px;}
.c-d .from{ font-size: 16px; color: #969696; padding-left: 50px; line-height: 34px; text-align: left;}
.f3 .arrow{ position: absolute; left: 50%; margin-left: -22px; bottom: -25px;}
/* 万隆里面的模板 */
.con-wl{ width: 100%; background: url("/images/activity/changi/txt_bg.jpg") no-repeat center 60px;}
.con-wl .tit{ font-size:32px; text-align: center; line-height: 44px; margin-bottom: 18px;}
.con-wl .tit em{ font-style: normal; font-size:52px; margin-top:-7px; display: inline-block;}
.con-wl .wl_spot{ padding:20px 43px; height: 288px;}
.wl_spot li{ width:275px; float: left; padding: 20px 8px 0; border-right: 2px dotted #efcd44; height:268px;}
.wl_spot li.noborder{ border-right: 0;}
.wl_spot li span{ font-size: 24px; color:#f0c935; line-height: 28px; display: block; text-align: center;}
.wl_spot li p{ font-size: 16px; line-height:24px; padding-top: 8px;}
.con-wl .line{ width: 100%; background: url("/images/activity/changi/line1.png") no-repeat 40px 165px; padding-top: 90px;}
.con-wl .line li .info{ width: 180px;}
.con-wl .line li.it2 .info,.con-wl .line li.it4 .info{ left: -12px; top:-53px;}
.con-wl .line li.it1{ margin: 20px 0 0 140px;}
.con-wl .line li.it2{ margin:1px 0 0 35px;}
.con-wl .line li.it3{ margin:37px 0 0 35px;}
.con-wl .line li.it4{ margin:5px 0 0 35px;}
.con-wl .i-m{ left:30px; top:20px;}

/* f4 */
.f4{ width: 100%; height:388px; background: url("/images/activity/changi/f4_bg1.jpg") no-repeat center top;}

/* f5 */
.f5{width: 100%; background:url("/images/activity/changi/f5_bg.jpg") no-repeat center top #d3f9ff; padding-top: 54px;}
.f5-t .title{ width: 343px; height: 50px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -1236px; display: block; margin: 0 auto; line-height: 20em; overflow: hidden;}
.f5-t p{ font-size: 16px; text-align: center; line-height: 30px; font-weight:lighter; padding:24px 0 16px;}
.f5-t .tips{ width: 890px; height: 48px; line-height: 48px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto; background-color: #001d4e;}
.f5-t .pic{ padding: 55px 0 12px 57px; position: relative;}
.f5-b .title{ width:458px; height: 49px; background:url("/images/activity/changi/changi-sprites.png") no-repeat 0 -1286px; margin: 0 auto; line-height: 200em; overflow: hidden;}
.f5-b .sub_title{ text-align: center; font-size:18px; line-height:24px; font-weight: lighter; margin-top: 10px;}
.welfare{ padding:25px 0 40px;}
.welfare li{ width:447px;float: left; _display:inline; line-height: 44px;}
.welfare li.it1{ margin-right:70px;}
.welfare li .pic{ height: 232px; padding-bottom: 20px; position:relative;}
.welfare li .pic:after{ content:""; width: 440px; height: 243px; background:url("/images/activity/changi/shadow.png") no-repeat; position: absolute; left:3px; top:29px;}
.welfare li .pic img{ position: absolute; left: 0; top:0; z-index:2;}
.welfare .info{padding:0 0 15px 8px;}
.welfare .in-t{ font-size:26px; }
.welfare .in-c{ font-size: 14px; line-height: 24px;}
.welfare .btn{ padding:1px; border:2px solid #00224f; width: 145px; height: 39px; display: block; margin-left: 8px;}
.welfare .btn span{width: 145px; height: 39px; background-color:#00224f;  color: #fff; display: block; font-size: 20px; line-height:39px; text-align: center; font-weight: lighter;}

/* f6 */
.f6{padding: 30px 0 40px;}
.f6-t{}
.f6-t .title,.f6-d .title{ font-size:40px; text-align: center;}
.prize_list{ padding: 60px 15px 40px;}
.prize_list li{ width: 213px; float: left; _display: inline; margin: 0 10px;}
.prize_list .pic{ width:175px; height: 175px; border:20px solid #089fb9; background-color: #fff; border-radius: 50%; position: relative;}
.prize_list .pic img{ position:absolute; z-index: 2;}
/*.prize_list .it1 .pic img{left:15px; top:-70px;}*/
.prize_list .it1 .pic img{left:10px; top:-57px;}
/*.prize_list .it2 .pic img{left:0; top:-10px;}*/
.prize_list .it2 .pic img{left:0; top:-85px;}
/*.prize_list .it3 .pic img{left:-2px; top:-74px;}*/
.prize_list .it3 .pic img{left:40px; top:-45px;}
/*.prize_list .it4 .pic img{left:17px; top:-15px;}*/
.prize_list .it4 .pic img{left:23px; top:-36px;}
.prize_list .pic .name{ width:86px; height:97px; background-color:#f0c935; display: block; position:absolute; left:-41px; top:-50px; font-size:14px; line-height:20px; color: #fff; border-radius: 50%; padding:19px 0 0 30px;}
.prize_list .it2 .pic .name{ padding-top:30px; height: 86px;}
.prize_list .it4 .pic .name{ padding-top:30px; height: 86px;}
.prize_list li p{ font-size: 20px; text-align: center; line-height: 23px; padding: 13px 0 12px; font-weight: lighter;}
.prize_list .btn{ padding:1px; border:2px solid #00224f; width: 145px; height: 39px; display: block; margin: 0 auto;}
.prize_list .btn span{width: 145px; height: 39px; background-color:#00224f;  color: #fff; display: block; font-size: 20px; line-height:39px; text-align: center; font-weight: lighter;}

.place{ margin:30px 0 40px; box-shadow:-8px 6px 12px rgba(0,0,0,.2);}
.place li{ width: 421x; float: left;}
.place li .info{ height: ; background-color:#24b0c8; color: #fff; text-align: center; font-size: 22px; padding:20px 0;}
.place li .info em{ font-size: 18px; font-weight: lighter;}
.f6-d .more-btn{ width:232px; height: 45px; line-height: 45px; text-align: center; color: #fff; margin: 0 auto; font-size: 20px; background-color: #00224f; display: block; box-shadow:0 0 20px rgba(119,159,166,.7);}

/* f7 */
.f7{ width: 100%; height: 643px; background:url("/images/activity/changi/f7_bg.jpg") no-repeat center top #000;}
.f7 .wrap{ padding-top:40px;}
.f7 .title{ width: 541px; height: 50px; background: url("/images/activity/changi/changi-sprites.png") no-repeat 0 -1186px; display: block; margin: 0 auto; line-height: 200em; overflow: hidden;}
.food-list{ padding:45px 0 40px 0;}
.food-list li{ width:223px; float: left; _display: inline;margin: 0 8px 0 7px;}
.food-list .pic{ width: 223px; height:322px; overflow: hidden; box-shadow:0 7px 15px rgba(0,0,0,.4); position: relative;}
.food-list a{ color: #00224f;}
.food-list .info{ font-size: 20px; text-align: center; height:65px; padding-top:10px; width: 200px;margin: 0 auto; background-color: rgba(255,255,255,.3); font-style: italic; color: #fff;box-shadow: 0 7px 10px rgba(0,0,0,.5);}
.food-list .info em{ font-size:16px; font-weight: lighter; font-style: italic;}
.f7 .more-btn{ width: 215px; height: 45px; border:1px solid #fff; font-size: 20px; border:2px solid #fff; background-color: rgba(255,255,255,.2); display: block; margin: 0 auto; text-align: center; line-height: 45px; color: #fff; }

/* f8 */
.f8{ background-color:#d3f9ff; padding:60px 0 80px;}
.spot_list{}
.spot_list li{ width: 120px; float: left; _display:inline; margin: 0 8px 0 7px; }
.spot_list .flight{ height: 27px; text-align: center; background-color: #eec745; font-size: 14px; color: #fff; line-height: 27px;}
.spot_list li .pic{ width:120px; height:105px; overflow: hidden;}
.spot_list li .info{ text-align: center; font-size: 18px; padding:6px 0 12px;}
.spot_list li .info>em{ font-size: 13px;}
.spot_list .go-btn{ width: 105px; height: 28px; background-color:#00224f; line-height: 28px; font-size: 12px; color: #fff; text-align: center; margin: 0 auto; display: block;}

.fixed_right{ width:181px; height:287px; background: url("/images/activity/changi/fixed.png") no-repeat; position: fixed; top:0; right:0; padding: 31px 0 0 11px; display: none; z-index: 6;}
.fixed_right .close{ width: 30px; height: 36px; display: block;}
.fixed_right .click{ width: 139px; height: 52px; display:block; position: absolute; bottom: 9px; right: 10px;}

.lift-r{ width:181px; height:287px; background: url("/images/activity/changi/fixed1.png") no-repeat; position: fixed; top:0; right:0; padding: 31px 0 0 11px; display: none; z-index: 6;}
.lift-r .close{ width: 30px; height: 36px; display: block;}
.lift-r .click{ width: 139px; height: 52px; display:block; position: absolute; bottom: 9px; right: 10px;}

/* 动画 */
.f1 h1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.container .arrow{ -webkit-animation: act_arrow 1s linear infinite;animation: act_arrow 1s linear infinite;}
@-webkit-keyframes act_arrow {
    0%{
        -webkit-transform: translate3d(0,-8px,0);
        opacity: 0;
    }
    20%{
        opacity:1;
    }
    100%{
        -webkit-transform: translate3d(0,8px,0);
        opacity:1;
    }
}
@keyframes act_arrow {
    0%{
        transform: translate3d(0,-8px,0);
        opacity: 0;
    }
    20%{
        opacity:1;
    }
    100%{
        transform: translate3d(0,8px,0);
        opacity:1;
    }
}

.container .play,.video_con .play{ -webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite;}
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.act_landmark{-webkit-animation:act_landmark 3s linear infinite both;animation:act_landmark 3s linear infinite both;}
@-webkit-keyframes act_landmark {
    0%{
        -webkit-transform:translate3d(0,0,0);
    }
    30%{
        -webkit-transform:translate3d(0,-30px,0);
    }
    60%{
        -webkit-transform:translate3d(0,10px,0);
    }
    80%{
        -webkit-transform:translate3d(0,-5px,0);
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
    }
}

.act_show{ -webkit-animation: act_show 2s linear infinite;animation: act_show 2s linear infinite; -webkit-transform-origin: right center;transform-origin: right center;}
@-webkit-keyframes act_show{
    0%{
        -webkit-transform:scale3d(.6, .6, .6);
        opacity:0;
    }
    20%{
        opacity:1;
    }
    30%{
        -webkit-transform:scale3d(1, 1, 1);
        opacity:1;
    }

    40% {
        -webkit-transform: scaleY(0.95) scaleX(1.05);
        -webkit-transform-origin: center center;
        opacity:1;
    }

    58% {
        -webkit-transform: scaleY(1.1) scaleX(0.9);
        -webkit-transform-origin: center center;
        opacity:1;
    }

    68% {
        -webkit-transform: scaleY(0.98) scaleX(1.02);
        -webkit-transform-origin: center center;
        opacity: 1;
    }

    80%{
        -webkit-transform: scaleY(1.02) scaleX(0.98);
        -webkit-transform-origin: center center;
        opacity: 1;
    }
    97%,100%{
        -webkit-transform: scale(1);
        -webkit-transform-origin: center center;
        opacity: 1;
    }
}



/*0% {*/
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1); }*/

/*20% {*/
    /*-webkit-transform: scaleY(0.95) scaleX(1.05);*/
    /*transform: scaleY(0.95) scaleX(1.05); }*/

/*48% {*/
    /*-webkit-transform: scaleY(1.1) scaleX(0.9);*/
    /*transform: scaleY(1.1) scaleX(0.9); }*/

/*68% {*/
    /*-webkit-transform: scaleY(0.98) scaleX(1.02);*/
    /*transform: scaleY(0.98) scaleX(1.02); }*/

/*80% {*/
    /*-webkit-transform: scaleY(1.02) scaleX(0.98);*/
    /*transform: scaleY(1.02) scaleX(0.98); }*/

/*97%, 100% {*/
    /*-webkit-transform: scale(1);*/
    /*transform: scale(1); }*/
@keyframes act_show{
    0%{
        -webkit-transform:scale3d(.6, .6, .6);
        opacity:0;
    }
    20%{
        opacity:1;
    }
    30%{
        -webkit-transform:scale3d(1, 1, 1);
        opacity:1;
    }

    40% {
        -webkit-transform: scaleY(0.95) scaleX(1.05);
        -webkit-transform-origin: center center;
        opacity:1;
    }

    58% {
        -webkit-transform: scaleY(1.1) scaleX(0.9);
        -webkit-transform-origin: center center;
        opacity:1;
    }

    68% {
        -webkit-transform: scaleY(0.98) scaleX(1.02);
        -webkit-transform-origin: center center;
        opacity: 1;
    }

    80%{
        -webkit-transform: scaleY(1.02) scaleX(0.98);
        -webkit-transform-origin: center center;
        opacity: 1;
    }
    97%,100%{
        -webkit-transform: scale(1);
        -webkit-transform-origin: center center;
        opacity: 1;
    }
}


/*.prize_list .pic .name{*/
/*-webkit-animation: bubble-anim 3s ease-out infinite;*/
/*animation: bubble-anim 3s ease-out infinite;*/
/*}*/
@-webkit-keyframes bubble-anim {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }

    20% {
        -webkit-transform: scaleY(0.95) scaleX(1.05);
        transform: scaleY(0.95) scaleX(1.05); }

    48% {
        -webkit-transform: scaleY(1.1) scaleX(0.9);
        transform: scaleY(1.1) scaleX(0.9); }

    68% {
        -webkit-transform: scaleY(0.98) scaleX(1.02);
        transform: scaleY(0.98) scaleX(1.02); }

    80% {
        -webkit-transform: scaleY(1.02) scaleX(0.98);
        transform: scaleY(1.02) scaleX(0.98); }

    97%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes bubble-anim {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }

    20% {
        -webkit-transform: scaleY(0.95) scaleX(1.05);
        transform: scaleY(0.95) scaleX(1.05); }

    48% {
        -webkit-transform: scaleY(1.1) scaleX(0.9);
        transform: scaleY(1.1) scaleX(0.9); }

    68% {
        -webkit-transform: scaleY(0.98) scaleX(1.02);
        transform: scaleY(0.98) scaleX(1.02); }

    80% {
        -webkit-transform: scaleY(1.02) scaleX(0.98);
        transform: scaleY(1.02) scaleX(0.98); }

    97%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1); }
}

.i-p{ -webkit-animation: act_palne 1.6s linear;animation: act_palne 1.6s linear;}
@-webkit-keyframes act_palne{
    0%{
        -webkit-transform:translate3d(-160px,220px,0) scale(.3) rotate(-16deg);
        opacity:0;
    }
    100%{
        -webkit-transform:translate3d(0,0,0) scale(1) rotate(0deg);
        opacity:1;
    }
}
@keyframes act_palne{
    0%{
        transform:translate3d(-160px,220px,0) scale(.3) rotate(-16deg);
        opacity:0;
    }
    100%{
        transform:translate3d(0,0,0) scale(1) rotate(0deg);
        opacity:1;
    }
}

.i-d{-webkit-animation: dialog 1.6s ease-out 1.6s infinite;animation: dialog 1.6s ease-out 1.6s infinite;-webkit-transform-origin: 26% 85.7%; opacity: 0;}
@-webkit-keyframes dialog{
    0%{
        opacity:0;
        -webkit-transform:scale(0.6);
    }

    100%{
        opacity:1;
        -webkit-transform:scale(1);
    }
}
@keyframes dialog{
    0%{
        opacity:0;
        transform:scale(0.6);
    }

    100%{
        opacity:1;
        transform:scale(1);
    }
}
.ship{-webkit-animation: act_ship 2s linear infinite alternate;animation: act_ship 2s linear infinite alternate;-webkit-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes act_ship{
    0%{
        -webkit-transform: rotate(0deg);
    }

    25%{
        -webkit-transform: rotate(5deg);
    }

    50%{
        -webkit-transform: rotate(8deg);
    }

    75%{
        -webkit-transform: rotate(5deg);
    }

    100%{
        -webkit-transform: rotate(0deg);
    }
}
@keyframes act_ship{
    0%{
        transform: rotate(0deg);
    }

    25%{
        transform: rotate(5deg);
    }

    50%{
        transform: rotate(8deg);
    }

    75%{
        transform: rotate(5deg);
    }

    100%{
        transform: rotate(0deg);
    }
}

.line .ad-t .img{ padding:0; border:3px solid #fff; transform:translateZ(0); -webkit-transform:translateZ(0);}
.line .ad-t .img img{-webkit-transition:all 1s linear;transition:all 1s linear;}
.line .ad-t .img:hover img{ -webkit-transform:scale(1.1);transform:scale(1.1);}

/* 视频弹层 */
.pop_video{width:100%; height: 100%; position: fixed; _position: absolute;left:0; top:0; z-index:100;}
.pop_video .cover{ width:100%; height:100%;  position: absolute; left:0; top:0; background-color:#000; opacity:0.7; filter:alpha(opacity=70);}
.pop_video .video_inner{ width:926px; height:560px; background-color: #fff; position: absolute; left:50%; top:50%; margin-left: -463px; top:50%; margin-top: -280px;}
.pop_video .video_con{ width:815px; height: 435px; overflow: hidden;}
.video_inner .close{ width:31px; height:31px; background:url("/images/activity/changi/changi-sprites3.png") no-repeat -140px -790px; color: #fff; position: absolute; right:0; top:-43px; display:inline-block; -webkit-transition:all 1s linear;transition:all 1s linear;}
.video_inner .close:hover{ -webkit-transform:rotate(360deg);transform:rotate(360deg);}



.con-rr .line li.it5 .info{ position: absolute; left:135px; top:20px; z-index: 2;}
.con-sw .line li.it5 .info{ position: absolute; left:150px; top:20px; z-index: 2;}

.theme_list{ width: 100%; position: relative;}
.theme_list.fixed{ position: fixed; left:0; top:0; right: 0; z-index: 5;}


@media (max-width:1200px) {
    .fixed_right{ display: none !important;}
}