.box{position:relative;perspective:1500px;-moz-perspective:1500px;-webkit-perspective:1500px;-ms-perspective:1500px;-o-perspective:1500px}
.door{transition:all 1000ms ease-out;-moz-transition:all 1000ms ease-out;-webkit-transition:all 1000ms ease-out;-ms-transition:all 1000ms ease-out;-o-transition:all 1000ms ease-out;position:absolute;top:0;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform:rotate3d(0,1,0,0deg);-moz-transform:rotate3d(0,1,0,0deg);-webkit-transform:rotate3d(0,1,0,0deg);-ms-transform:rotate3d(0,1,0,0deg);-o-transform:rotate3d(0,1,0,0deg);transform-origin:right top;-moz-transform-origin:right top;-webkit-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top}
.front{height:100%;left:0;position:absolute;top:0;width:100%;cursor:pointer;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden}
.back{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;transform:rotate3d(0,1,0,180deg);-moz-transform:rotate3d(0,1,0,180deg);-webkit-transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);-o-transform:rotate3d(0,1,0,180deg);height:100%;left:0;position:absolute;top:0;width:100%;background:#bbb}
.ro{transform:rotate3d(0,1,0,180deg);-moz-transform:rotate3d(0,1,0,180deg);-webkit-transform:rotate3d(0,1,0,180deg);-ms-transform:rotate3d(0,1,0,180deg);-o-transform:rotate3d(0,1,0,180deg)}
.ror{transform:rotate3d(0,1,0,-180deg);-moz-transform:rotate3d(0,1,0,-180deg);-webkit-transform:rotate3d(0,1,0,-180deg);-ms-transform:rotate3d(0,1,0,-180deg);-o-transform:rotate3d(0,1,0,-180deg)}
.bx_main{float:left;position:relative;height:100%;width:500px;background:url(//static.meishichina.com/v6/img/event/ss/f_bg1.jpg) no-repeat 132px 104px}
.box{float:left;position:absolute}
.box1{height:256px;width:113px;top:100px;left:140px;z-index:2}
.box2{height:256px;width:103px;top:100px;left:253px;z-index:2}
.box3{clear:both;height:231px;width:123px;top:356px;left:130px;z-index:1}
.box4{height:231px;width:108px;top:356px;left:253px;z-index:1}
.box1 .door{height:256px;width:123px;margin-left:-10px;*margin-left:-17px}
.box2 .door{height:256px;width:123px}
.box3 .door{height:231px;width:123px}
.box4 .door{height:231px;width:123px}
.box1 .door,.box3 .door{transform-origin:left top;-moz-transform-origin:left top;-webkit-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top}
.box1 .front{background:url(//static.meishichina.com/v6/img/event/ss/f_bg1.png) no-repeat 0 -1px}
.box2 .front{background:url(//static.meishichina.com/v6/img/event/ss/f_bg1.png) no-repeat -123px -1px}
.box3 .front{background:url(//static.meishichina.com/v6/img/event/ss/f_bg1.png) no-repeat 0 -257px}
.box4 .front{background:url(//static.meishichina.com/v6/img/event/ss/f_bg1.png) no-repeat -123px -257px}
.box1 .back{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat 20px 0}
.box1{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -103px -13px}
.box2{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -216px -13px}
.box2 .back{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -318px 0}
.box3 .back{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat 30px -271px}
.box3{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -93px -271px}
.box4{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -216px -271px}
.box4 .back{background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -324px -271px}
.box2 .fix{margin:-13px 0 0 -20px;height:268px;}
.box1 .fix{margin:-13px 0 0 0;height:268px;}
.box4 .fix{margin:0 0 0 -15px;}
.point{width:16px;height:16px;line-height:14px;text-align:center;font-size:14px;color:#004098;border:2px solid #004098;border-radius:50%;animation:3s linear 0s normal none infinite fade;-moz-animation:3s linear 0s normal none infinite fade;-webkit-animation:3s linear 0s normal none infinite fade;-ms-animation:3s linear 0s normal none infinite fade;-o-animation:3s linear 0s normal none infinite fade}
@keyframes fade{0%{box-shadow:0 0 2px #00a}
25%{box-shadow:0 0 9px #00a}
50%{box-shadow:0 0 16px #00a}
75%{box-shadow:0 0 9px #00a}
100%{box-shadow:0 0 2px #00a}
}
@-moz-keyframes fade{0%{box-shadow:0 0 2px #00a}
25%{box-shadow:0 0 9px #00a}
50%{box-shadow:0 0 16px #00a}
75%{box-shadow:0 0 9px #00a}
100%{box-shadow:0 0 2px #00a}
}
@-webkit-keyframes fade{0%{box-shadow:0 0 2px #00a}
25%{box-shadow:0 0 9px #00a}
50%{box-shadow:0 0 16px #00a}
75%{box-shadow:0 0 9px #00a}
100%{box-shadow:0 0 2px #00a}
}
@-ms-keyframes fade{0%{box-shadow:0 0 2px #00a}
25%{box-shadow:0 0 9px #00a}
50%{box-shadow:0 0 16px #00a}
75%{box-shadow:0 0 9px #00a}
100%{box-shadow:0 0 2px #00a}
}
@-o-keyframes fade{0%{box-shadow:0 0 2px #00a}
25%{box-shadow:0 0 9px #00a}
50%{box-shadow:0 0 16px #00a}
75%{box-shadow:0 0 9px #00a}
100%{box-shadow:0 0 2px #00a}
}
.ca{height:22px;line-height:20px;position:absolute;display:none;z-index:3}
.ca span{float:left;font-size:16px;color:#004098;font-weight:bold;text-shadow:1px 1px 3px #333}
.ca div{float:left;font-size:0;border-top:2px solid #004098}
.ca a{float:left;text-decoration:none;text-align:center;font-size:16px;width:50px;padding:0 10px;color:#fff;background:#004098;background:rgba(0,60,160,0.8);border-radius:10px;height:22px}
.c1{left:-90px;top:140px;width:185px}
.c1 div{width:50px;margin:10px 5px}
.c2{left:13px;top:190px;width:163px}
.c2 div{width:50px;margin:10px 5px}
.c3{left:13px;top:14px;width:185px}
.c3 div{width:30px;margin:10px 5px}
.c4{left:13px;top:192px;width:70px}
.c4 div{border-top:0;border-left:2px solid #004098;height:30px;margin:5px 0 5px 32px}
.c5{left:26px;top:192px;width:70px}
.c5 div{border-top:0;border-left:2px solid #004098;height:30px;margin:5px 0 5px 32px}
.wd{float:left;margin:170px 0 0 0;color:#555;font-size:20px;text-align:justify;width:680px;display:none}
.wd img{margin:0 20px 0 0;width:160px;height:160px;float:left;box-shadow:1px 1px 2px #666}
.tip{float:left;margin:35px 0 0 0;color:#555;font-size:20px;text-align:justify;width:680px;display:none}
.tip div{float:left;color:#fff;text-align:center;padding:45px 0 5px;text-align:center;width:160px;margin:0 20px 130px 0;border-radius:10px;background:url(//static.meishichina.com/v6/img/event/ss/tip.jpg) no-repeat center 9px #004098}


.box2 .fix_ie{margin:-13px 0 0 -20px;height:268px;width:100%;position:absolute;left:123px;background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -318px 0}
.box1 .fix_ie{margin:-13px 0 0 0;height:268px;width:100%;position:absolute;left:-113px;background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat 20px 0}
.box4 .fix_ie{margin:0 0 0 -15px;width:100%;height:100%;position:absolute;left:123px;background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat -324px -271px}
.box3 .fix_ie{width:100%;height:100%;position:absolute;left:-113px;background:url(//static.meishichina.com/v6/img/event/ss/f_bg2_1.png) no-repeat 30px -271px}