@charset "utf-8";

        *{
            margin: 0;
            padding: 0;
        }
        html, body {
			width:100%;
			height:auto;
			font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 微软雅黑,Helvetica, Arial, sans-serif;
            -webkit-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -webkit-overflow-scrolling: touch;
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
            -webkit-perspective:1000;
            background: #fff;
        }
		#sign{ height:100%;}
	ul,ol,li,dl,dd,dt{ margin:0; padding:0; text-decoration:none; list-style:none;}
	button, input{ font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", 微软雅黑,Helvetica, Arial, sans-serif; border:none; margin:0; padding:0; font-weight:200;}
	input::-webkit-input-placeholder {color:    #d8c7ab;}
	input:-moz-placeholder {color:    #d8c7ab;}
        .wrap{
            width: 100%;
        }

        /* 20160411 */

/* CSS Document */

h1,h2,h3,h4,h5{margin:0px auto; padding:0px;}
.center{text-align:center}
.logo{ background:url(../img/logo.png) no-repeat; width:285px; text-indent:-9999px; height:57px; margin:42px auto 0 auto; }
.next_page{background:url(../img/next_page.png) no-repeat; text-indent:-9999px; width:69px; height:54px; top:934px; left:283px; position:absolute;  z-index:999;}
.next_page_2{background:url(../img/next_page_2.png) no-repeat; text-indent:-9999px; width:82px; height:67px; top:925px; left:278px; position:absolute; z-index:999;}

#logo ul { text-align:center;}
#logo ul li{ display:inline-block; margin:30px 10px;}

.content div { line-height:0px ; position:absolute; }
.content .size_s { width:100%; position:absolute; -webkit-transform:scale(0.8,0.8) translateY(0px); transform:scale(0.8,0.8) translateY(0px); transform-origin:50% 0%; -webkit-transform-origin:50% 0%; z-index:31; }
.head { top:0;}
.icon_1_1 { right:0; top:7px;}
.icon_1_2 { left:0 ; top:47px;}
.icon_1_3 { right:24px ; top:76px;}
.icon_1_4 { left:39px ; top:175px;}
.icon_1_5 { left:79px ; top:94px; z-index:21;}
.icon_1_6 { left:385px ; top:104px; z-index:20;}
.icon_1_7 { left:116px ; top:411px; z-index:21;}
.icon_1_8 { left:22px ; top:243px; z-index:1;}
.icon_1_9 { right:52px ; top:271px; z-index:1;}
.icon_1_10 { right:55px ; top:280px; z-index:20;}
.icon_1_11 { left:90px ; top:412px;}
.icon_1_12 { left:48px ; top:407px; z-index:22;}
.icon_1_13 { right:8px ; top:613px;}
.icon_1_14 { right:7px ; top:599px; z-index:9;}
.icon_1_15 { left:334px ; top:423px;}
.icon_1_16 { left:562px ; top:503px;}
.icon_1_17 { left:11px ; top:326px;}
.icon_1_18 { left:-190px ; top:583px;}
.icon_1_19 { left:170px ; top:719px;}
.icon_1_20 { right:39px ; top:713px;}
.icon_1_21 { left:-50px ; top:771px;}

#info{ display:none;}
#info .content{ height:2300px;}
#register .content{ z-index:1;}
.head_text,.sign_fr,.middle_text,#middle_text{ position:relative ; z-index:21;}
.content { width:100% ; overflow:hidden; position:absolute; top:0; height:500px;}
.content .textcenter{ width:100%; top:10px;}
.content .textcenter div{ width:100%; text-align:center;}
.content .textcenter div img{ text-align:center}

.icon_2_1{ top:804px;}
.icon_2_2{ top:897px;}
.icon_2_3{ top:981px;}
.icon_2_4{ top:1001px;}
.icon_2_5{ top:1047px;}
.icon_2_4_1{top:1208px;}
.icon_2_4_2{top:1266px;}

.icon_2_6{ left:20px; top:900px;}
.icon_2_7{ left:-3px; top:930px;}
.icon_2_8{ right:-3px; top:790px;}
.icon_2_9{ top:830px;}
.icon_2_10{ left:300px; top:918px;}
.icon_2_11{ left:136px; top:1042px;}
.icon_2_12{ left:50px; top:1172px;}
.icon_2_13{ left:334px;  top:1058px;}
.icon_2_14{ left:0; top:1349px;}
.icon_2_15{ left:74px;  top:1210px; z-index:10}
.icon_2_16{ left:88px; top:1195px; z-index:9}
.icon_2_17{ left:0;  top:1528px;}
.icon_2_18{ left:26px; top:1500px; z-index:8}
.icon_2_19{ left:561px;  top:1675px;}
.icon_2_20{ left:61px; top:1797px;}
.icon_2_21{ left:-30px; top:1580px;}
.icon_2_22{ left:0; top:1340px;}
.icon_2_23{ left:220px; top:1797px;}
.icon_2_24{ left:463px; top:1791px;}
.icon_2_25{ left:146px; top:1968px;}
.icon_2_26{ right:-17px; top:1900px; -webkit-transform:rotate(30deg); transform:rotate(30deg);}

.icon_3_1{ left:51px; top:1878px;}
.icon_3_2{ left:249px; top:1992px;}
.icon_3_3{ left:290px; top:2060px;}
.icon_3_4{ left:219px; top:2181px;}
.icon_3_5{ left:30px; top:2231px; z-index:21;}
.icon_3_6{ left:521px; top:2205px;}
.icon_3_7{ left:344px; top:2405px;}
.icon_3_8{ left:500px; top:2396px;}
.icon_3_9{ left:-8px; top:2495px; -webkit-transform:rotate(72deg) scale(0.6,0.6); transform:rotate(72deg) scale(0.6,0.6);}
.icon_3_10{ left:447px; top:2554px; -webkit-transform:rotate(42deg) scale(0.7,0.7); transform:rotate(42deg) scale(0.7,0.7); }
.icon_3_11{ left:30px; top:2700px;  -webkit-transform:rotate(85deg) ; transform:rotate(85deg);}
.icon_3_12{ right:0px; top:2581px; z-index:8;}
.icon_3_13{ left:-26px; top:2846px;}
.icon_3_14{ left:-125px; top:2620px;}
.icon_3_15{ left:-30px; top:2692px; z-index:22;}
.icon_3_16{ left:366px; top:2963px; z-index:23 ;}

.icon_4_1{ left:52px; top:3172px; z-index:10}
.icon_4_2{ left:264px; top:3121px;  z-index:10 ;-webkit-transform:rotate(199deg) scale(0.7,0.7); transform:rotate(199deg) scale(0.7,0.7);}
.icon_4_3{ left:466px; top:3221px; z-index:10 ;}
.icon_4_4{ left:572px; top:3111px; z-index:10;}
.icon_4_5{ left:0 ; top:2963px;}
.icon_4_6{ left:0; top:3180px; z-index:10}
.icon_4_7 { left:0; top:3536px; z-index:11}
.icon_4_8 { left:0; top:3505px;}
.icon_4_9 { left:0px; top:3626px; -webkit-transform:rotate(145deg) scale(0.6,0.6); transform:rotate(145deg) scale(0.6,0.6);}
.icon_4_10 { left:195px; top:3646px;}
.icon_4_11 { left:381px; top:3585px;}
.icon_4_12 { left:510px; top:3613px;}
.icon_4_13 { left:584px; top:2937px;}
.icon_4_14 { left:44px; top:3724px;}
.icon_4_15 { left:65px; top:3747px; z-index:7;} 
.icon_4_16 { left:73px; top:3755px; z-index:8;}
.icon_4_17 { left:110px; top:3676px; z-index:11;}
.icon_4_18 { left:38px; top:3849px; z-index:12;}
.icon_4_19 { left:45px; top:4188px; z-index:9;}
.icon_4_20 { left:105px; top:4087px;}
.icon_4_21 { left:238px; top:4184px;}
.icon_4_22 { left:147px; top:4262px;}
.icon_4_23 { right:554px; top:4272px;}

.icon_5_1 { left:-10px; top:4437px; -webkit-transform:rotate(60deg) scale(1.3,1.3); transform:rotate(60deg) scale(1.3,1.3);}
.icon_5_2 { left:175px; top:4406px; -webkit-transform:rotate(35deg); transform:rotate(35deg);}
.icon_5_3 { left:379px; top:4383px; -webkit-transform:rotate(145deg) scale(0.6,0.6); transform:rotate(145deg) scale(0.6,0.6);} 
.icon_5_4 { left:569px; top:3677px;}
.icon_5_5 { left:475px; top:4515px;}
.icon_5_6 { left:107px; top:4605px;}
.icon_5_7 { left:0; top:4521px;}
.icon_5_8 { left:45px; top:4688px; z-index:6;}
.icon_5_9 { left:231px; top:4497px; z-index:7;}
.icon_5_10 { left:168px; top:4731px; z-index:8;}
.icon_5_11 { left:391px; top:4874px; z-index:9;}
.icon_5_12 { left:85px; top:4856px;  -webkit-transform:rotate(35deg); transform:rotate(35deg);}
.icon_5_13 { left:-26px; top:4945px;}
.icon_5_14 { left:7px; top:4959px; z-index:10;}
.icon_5_15 { left:539px; top:4969px;}
.icon_5_16 { left:289px; top:5030px;}
.icon_5_17 { left:21px; top:5163px;}

#sign_bt{ top:5577px; z-index:9; width:100%; text-align:center;}
.icon_6_1{ right:478px; top:5270px;}
.icon_6_2{  top:5364px;}
.icon_6_3{  top:5423px;}
.icon_6_4{  top:5502px;}
.icon_6_5{  top:5628px;z-index:8; width:100%; text-align:center;}
.icon_6_6{ left:583px; top:4780px;}
.icon_6_7{ left:578px; top:5564px;}
.icon_6_8{ bottom:80px; left:15px;}
.icon_6_9{ left:160px; top:5893px;}
.icon_6_10{ right:345px; top:5890px;}

.sign_1_1{ -webkit-transform:rotate(180deg); transform:rotate(180deg); right:45px; top:160px;}
.sign_1_2{ top:610px; left:15px;}
.sign_1_3{ left:553px; top:-223px;}
.sign_1_4{ bottom:0px; right:350px; }
.sign_2_9{ color:#B18F57;  left:354px; top:1440px; }
p span{ color:#333;}
p{color:#B18F57;}
.head_text{ width:428px; margin:0px auto; text-align:center; border:#B18F57 solid; border-width:1px 0; padding: 15px 0; }
.head_text p{  font-size:26px; line-height:45px;}
.middle_text{ width:100%; margin:10px auto; text-align:center;}
.middle_text p{ color:#B18F57; font-size:22px; line-height:38px; letter-spacing: 2px;}
.sign_fr{ background:url(../img/sign_fr_1.png) no-repeat; width:430px; height:260px; margin:15px auto;}
.sign_fr ul { text-align:center; width:368px; padding-top:67px; margin:0px auto;}
.sign_fr ul li{ width:366px; height:69px; border:1px solid #B18F57; margin:9px auto;}
.sign_fr ul li input{ color:#B18F57; line-height:69px; text-indent:15px; font-size:32px; letter-spacing:4px; width:100%;}
#submit{ width:100%; margin:50px auto 0 auto; text-align:center; position:relative; z-index:9;}
.sign_fr_2{ margin-top:-266px;}
.sign_footer { position:absolute; bottom:0; width:100%; z-index:1; height:301px;}
.index_footer { position:absolute; bottom:-127px; width:100%; z-index:1;}
.sign_footer img{ bottom:0; position:absolute; }

.sign_2_1{top:92px; right:-8px;}
.sign_2_2{ left:22px; top:390px;}
.sign_2_3{ top:926px; left:556px;}
.sign_2_4{ top:1550px; right:512px;}
.sign_2_5{ bottom:1px; left:34px;}
.sign_2_6{ left:553px; top:1000px;}
.sign_2_7{ left:593px; top:-329px;}
.sign_2_8{ right:578px; top:955px;}

.sign_fr_5{ margin:20px auto; background:url(../img/sign_fr_5.png) no-repeat top center; padding-top:1px; width:527px; height:455px;}
.sign_fr_5 p{ font-size:24px; line-height:40px; margin:28px auto; width:465px; display:block; text-align: center;}
.sign_fr_5 p span{ color:inherit; padding-left:32px;}

h4{ color:#B18F57; font-size:24px; text-align:center; border-bottom:1px solid #B18F57; margin-bottom:18px; font-weight:500; width:240px; height:50px ; line-height:50px; display:block;}
.sign_fr_6,.sign_fr_7{ background:none;}
.sign_fr_6 { height:120px;}
.sign_fr_7 { height:200px;}
.sign_fr_6 ul li { text-align:left; width:100%; font-size:18px; color:#B18F57; margin:6px auto}
.sign_fr_6 ul li span{ text-align:right; width:203px; float:left; margin-right:24px;}
.sign_fr_7{ margin-top:25px; text-align:center;}
.sign_fr_7 p{  font-size:18px; line-height:32px; }
.sign_fr_8{ text-align:center; margin:24px auto}
#share{ text-align:center; margin-top:80px; padding-bottom:200px;}
#share .sign_fr_2{ margin-top:-286px;}
.sign_fr_4,.sign_fr_5,.sign_fr_6,.sign_fr_7,.sign_fr_8,#share{ position:relative; z-index:21}

#music-btn{width: 28px;height: 28px; position: fixed;display: block;top: 30px;right: 30px;z-index: 100;}
#music-btn.circle{display:none;
	-webkit-animation: circle-infinite 1.5s infinite linear;
	animation: circle-infinite 1.5s infinite linear;
	background: url("../img/musicon.png") no-repeat center;
	background-size: 100%;
}
#music-btn.stop{display:none;
	background: url("../img/musicoff.png") no-repeat center;
	background-size: 100%;
}
#mask{ position:fixed; z-index:99; top:0 ; left:0; background:#000; opacity:0.8; width:100%; display:none;}
#mask_fr{ position:fixed; z-index:100; top:0 ; left:0; text-align:right; width:100%; display:none;}
.ovfHiden{overflow: hidden;height: 100%;}

#loading_speed{ text-align:center; width:100%; position:absolute; top:300px; font-size:42px; color:#B18F57}
.lod_center{ text-align:center; width:100%; position:absolute; top:450px;}
.lod_center p{ width:100%; line-height:60px;}
.lod_center p.next{ line-height:90px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}

#prize_sucess,#prize_fail{ font-size:32px; line-height:56px; margin:28px auto; width:465px;  text-align: center;color:#B18F57;}
#prize_sucess h1 ,#prize_fail h1{ font-size:32px; margin: 0px 0px 10px 0px;}
#prize_sucess{display:none;}
#prize_fail{display:block;}
#prize_sucess h3{font-size:36px; margin:10px auto;}
#prize_fail h3{ font-size:28px;margin:10px auto;}
#tiaozhuan{text-align:center;}
#tiaozhuan img{ opacity:0}
hr{ display:none;}