body{ font-family:Microsoft YaHei, arial, Helvetica, sans-serif; font-size:100%; line-height:175%; margin:0 auto; padding:0; width:100%; position:relative; background:#ffd648;}

img{ border:0;}

a{ color:#000000; text-decoration:none;}

a:hover{ color:#ff0000; text-decoration:underline;}

form{ margin:0; padding:0;}

input,select{ font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:1vw;}

.hide{ display:none;}

.clear{ clear:both;	float:none;}

.st{ font-family:"SimSun";}



.wrapper1{ width:100%; height:auto; margin:0 auto; padding:0; clear:both;}



.wrapper1 .logo-box{ width:100%; height:auto; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper1 .logo-box img{ width:100%; height:auto;}

.wrapper1 .logo-box .logo-cot{ width:100%; height:auto; clear:both; position:absolute; top:0; left:0;}

.wrapper1 .logo-box .logo-cot .logo{ width:auto; height:auto; padding:1.5vw 0 0 2.5vw; float:left;}

.wrapper1 .logo-box .logo-cot .logo .logo-wwqy{ width:auto; height:auto; padding-top:0.7vw; float:left; font-size:0; line-height:0;}

.wrapper1 .logo-box .logo-cot .logo .logo-wwqy img{ width:13vw; height:auto;}

.wrapper1 .logo-box .logo-cot .logo .logo-17173{ width:auto; height:auto; padding:0 0 0 1.5vw; float:left; font-size:0;}

.wrapper1 .logo-box .logo-cot .logo .logo-17173 img{ width:6vw; height:auto;}

.wrapper1 .logo-box .logo-cot .link{ width:13vw; height:2.5vw; line-height: 2.5vw; float:right; background: url(../img/image_03.png) top center no-repeat; background-size:100% 100%; text-align: center; font-size: 1vw; color: #000000;}

.wrapper1 .logo-box .logo-cot .link a{ padding:0 0.8vw; color:#000000; text-decoration:none;}

.wrapper1 .logo-box .logo-cot .link a:hover{ font-weight: bold;}

.wrapper1 .slogan{ width:auto; height:auto; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper1 .slogan img{ width:100%; height:auto;}

.wrapper1 .slogan .time{ width:24vw; height: auto; clear:both; position:absolute; top:7.5vw; left:50%; margin-left:-12vw; text-align:center; font-size:1.5vw; color:#ffffff; font-weight: bold; -webkit-text-shadow:0 2px 0 rgba(0,0,0,1); -moz-text-shadow:0 2px 0 rgba(0,0,0,1); text-shadow:0 2px 0 rgba(0,0,0,1);}

.wrapper1 .slogan .share{ width:auto; height:auto; clear:both; position:absolute; top:10.2vw; left:45vw; font-size:0.9vw; color:#ffffff;}

.wrapper1 .slogan .buts{ width:50%; height:auto; clear:both; position:absolute; top:0.8vw; left:25%;}

.wrapper1 .slogan .buts .but-getcode{ width:18vw; height:4.8vw; margin:0 auto; clear:both; background:url(../img/image_07.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}

.wrapper1 .slogan .buts .but-getcode:hover{ background-position:0 100%;}

.wrapper1 .slogan .buts .but-getcode a{ display:block; width:100%; height:100%;}

.wrapper1 .slogan .buts .but-getcode{

	animation: scale 0.5s linear infinite alternate; 

	-webkit-animation: scale 0.5s linear infinite alternate; 

	-moz-animation: scale 0.5s linear infinite alternate; 

	-o-animation: scale 0.5s linear infinite alternate; 

}

@keyframes scale { 

	0% {transform: scale(0.9);}

 	100% {transform: scale(1);}

}

@-webkit-keyframes scale { 

	0% {-webkit-transform: scale(0.9);}

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

}

@-moz-keyframes scale { 

	0% {-moz-transform: scale(0.9);}

 	100% {-moz-transform: scale(1);}

}

@-o-keyframes scale { 

	0% {-o-transform: scale(0.9);}

 	100% {-o-transform: scale(1);}

}



.wrapper-tit{ width: 100%; height: auto; margin: 0 auto; padding: 0; clear: both; font-size: 0; line-height: 0; position: relative;}

.wrapper-tit img{ width: 100%; height: auto;}

.wrapper-tit .title{ width: 50%; height: auto; clear: both; position: relative; top: 0; left: 25%; text-align: center; font-size: 3.5vw; color: #000000; font-weight: bold;}



.wrapper2-tit{ top: -5.8vw !important;}

.wrapper2{ width:100%; height:auto; margin:0 auto; padding:0; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper2 img{ width:100%; height:auto;}

.wrapper2 .cot{ width:62vw; height:auto; clear:both; position:absolute; top:0; left:50%; margin-left: -31vw;}



.wrapper2 .cot .getcode{ width:35.5vw; height:auto; padding-left: 3.45vw; float:left; position: relative;}

.wrapper2 .cot .getcode .title{ width:100%; height:1.7vw; margin:0 auto; padding-top: 3.3vw; clear:both; font-size:2vw; color:#ffffff; font-weight:bold;}

.wrapper2 .cot .getcode .titie-sub{ width: 100%; height: 2vw; line-height: 1.9vw; padding-left: 0.7vw; clear: both; font-size: 1.15vw; color: #ffd648;}

.wrapper2 .cot .getcode .text{ width: 32.3vw; height: auto; padding-top: 2.8vw; clear: both; font-size: 1vw; color: #ffffff; line-height: 180%;}

.wrapper2 .cot .getcode .but-getcode{ width:16.5vw; height:4.15vw; clear:both; position: absolute; top: 22.1vw; left: 3.45vw; background:url(../img/image_10.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.wrapper2 .cot .getcode .but-getcode:hover{ background-position:0 100%;}

.wrapper2 .cot .getcode .but-getcode a{ display:block; width:100%; height:100%;}



.wrapper2 .cot .download{ width:19.9vw; height:auto; padding-top: 8.5vw; float:right; position: relative;}

.wrapper2 .cot .download .ads{ width: 16.5vw; height: auto; clear: both; font-size: 0; line-height: 0;}

.wrapper2 .cot .download .ads img{ width: 100%; height: auto;}

.wrapper2 .cot .download .text{ width: 16vw; height: auto; padding-top: 1.7vw; clear: both; font-size: 2vw; color: #ffffff; font-weight: bold;}

.wrapper2 .cot .download .text a{ display: block; padding-top: 2.2vw; font-size: 1vw; color: #000000; font-weight: normal; text-decoration: underline;}

.wrapper2 .cot .download .but-download{ width:13.7vw; height:4.15vw; clear:both; position: absolute; top: 22.1vw; left: 0; background:url(../img/image_12.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.wrapper2 .cot .download .but-download:hover{ background-position:0 100%;}

.wrapper2 .cot .download .but-download a{ display:block; width:100%; height:100%;}



.wrapper3-tit{ top: -5.5vw !important;}

.wrapper3{ width:100%; height:auto; margin:0 auto; padding:0; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper3 img{ width:100%; height:auto;}

.wrapper3 .cot{ width:62vw; height:auto; clear:both; position:absolute; top:0; left:50%; margin-left: -31vw;}



.wrapper3 .cot .message{ width:62vw; height:25vw; margin:0 auto; padding-top:1.5vw; clear:both; position:relative;}

.wrapper3 .cot .message .shade{ width: 0.95vw; height: 20.6vw; clear: both; position: absolute; top: 8.1vw; left: 0; z-index: 100; background: #ffd648; font-size: 0; line-height: 0;}

.wrapper3 .cot .message .barrage{ width:62vw; height:25vw; clear:both; position:relative; overflow:hidden;}

.wrapper3 .cot .message .barrage .li{ height:2vw; line-height:2vw; padding:0 1.2vw; position:absolute; top:70%; left:101%; z-index:1; white-space:nowrap; background:rgba(255,255,255,0.8); text-align:center; font-size:1vw; color:#000000; border-radius:2vw; -moz-border-radius:2vw; -webkit-border-radius:2vw; -webkit-box-shadow:0 0 1vw rgba(0,0,0,0.2); -moz-box-shadow:0 0 1vw rgba(0,0,0,0.2); box-shadow:0 0 1vw rgba(0,0,0,0.2);}

.wrapper3 .cot .message .submit{ width:36vw; height:3.5vw; clear:both; position:absolute; top:27.2vw; left:50%; margin-left: -18vw; z-index:10; background:url(../img/image_15.png) left center no-repeat; background-size:auto 100%;}

.wrapper3 .cot .message .submit input{ width:20vw; height:3.5vw; line-height:3.5vw; padding-left:1.2vw; background:none; border:0; font-size:1.2vw; color: #ffffff; float:left; outline-color:invert; outline-style:none; outline-width:0; border:none; border-style:none; text-shadow:none; outline-color:transparent;}

.wrapper3 .cot .message .submit input::placeholder{ color: #ffffff;}

.wrapper3 .cot .message .submit a{ display:block; width:12vw; height:3.5vw; clear:both; position:absolute; top:0; right:0; background:url(../img/image_16.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}

.wrapper3 .cot .message .submit a:hover{ background-position:0 100%;}



.wrapper4-tit{ top: -5.3vw !important;}

.wrapper4{ width:100%; height:auto; margin:0 auto; padding:0; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper4 img{ width:100%; height:auto;}

.wrapper4 .cot{ width:62vw; height:auto; clear:both; position:absolute; top:0; left:50%; margin-left: -31vw;}



.wrapper4 .cot img{ width:100%; height:auto;}

.wrapper4 .cot .pics{ width:100%; height:auto; clear:both; position:absolute; top:0; left:0; z-index:1;}

.wrapper4 .cot .pics .li{ width:100%; height:auto; clear:both; font-size:0; line-height:0; position:relative;}

.wrapper4 .cot .pics .li a{ display:block; width:100%; height:100%; text-decoration:none;}

.wrapper4 .cot .pics .li img{ width:100%; height:auto;}

.wrapper4 .cot .pics .li iframe{ width: 100%; height: 34.9vw;}

.wrapper4 .cot .pics .li .num{ width:auto; height:auto; clear:both; position:absolute; top:3vw; right:3vw; font-size:1.1vw; color:#999999; font-weight:bold; font-style:oblique;}

.wrapper4 .cot .pics .li .num span{ padding-right:0.5vw; font-size:2.2vw; color:#ffffff;}

.wrapper4 .cot .pics .decorate{ width: 100%; height: 1vw; clear: both; position: absolute; bottom: -1vw; left: 0; z-index: 1; background: url(../img/image_19.png) top center no-repeat; background-size:100% 100%;}

.wrapper4 .cot .menu{ width:100%; height:auto; clear:both; position:absolute; top:37.2vw; left:0; z-index:10; text-align: center;}

.wrapper4 .cot .menu .mli{ display:inline-table; width:8vw; height:auto; margin-right:1vw; font-size:0; line-height:0; cursor:pointer; position:relative;}

.wrapper4 .cot .menu .mli img{ width:100%; height:auto;}

.wrapper4 .cot .menu .mli .circle{ display:none;}

.wrapper4 .cot .menu .mli-on .circle{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/image_20.png) center no-repeat; background-size:100% 100%; font-size:0; line-height:0;}



.wrapper5{ width:auto; height:7.2vw; margin:0 auto; padding-top:1.5vw; clear:both; background:#000000; color:#ffffff;}

.wrapper5 .global-footer{ color:#ffffff;}

.wrapper5 .global-footer a{ color:#ffffff;}

.wrapper5 .copyright{ color:#ffffff;}





.scroll{ width:11vw; height:auto; margin:0; padding:0; clear:both; position:fixed; top:50%; right:0; margin-top:-12vw; z-index:100; _display:none; display: none;}

.scroll .cot{ width:11vw; height:20.5vw; margin:0; clear:both; background:url(../img/image_21.png) top center no-repeat; background-size:100% 100%; font-size:0; line-height: 0;}

.scroll .cot .txt1{ width:100%; height:auto; padding-top:12.3vw; clear:both; text-align:center; font-size:1.25vw; color:#ff4654; font-weight:bold;}

.scroll .cot .txt2{ width:100%; height:auto; padding-top:2.3vw; clear:both; text-align:center; font-size:1.15vw; color:#ffffff; line-height: 150%;}









.popup-box{ display:none;}



.popup{ width:28vw; height:22vw; margin:0; padding:0; clear:both; background:url(../img/popup.png) top center no-repeat; background-size:100% 100%;}

.popup .txt{ width:80%; height:auto; margin:0 auto; padding-top:8vw; clear:both; text-align:center; font-size:1.1vw; color:#ffffff; line-height:170%;}

.popup .cot{ width:80%; height:auto; margin:0 auto; padding-top:0.5vw; clear:both;}



.popup-l{ width:28vw; height:31vw; margin:0; padding:0; clear:both; background:url(../img/popup_01.png) top center no-repeat; background-size:100% 100%;}

.popup-l .p-lottery{ width:100%; height:auto; margin:0 auto; padding:0; clear:both;}

.popup-l .p-lottery .txt{ width:80%; height:auto; margin:0 auto; padding-top:8vw; clear:both; text-align:center; font-size:1.4vw; color:#ffffff; line-height:200%;}

.popup-l .p-lottery .txt2{ padding-top:9vw; font-size:1.2vw;}

.popup-l .p-lottery .but{ width:15vw; height:3.8vw; margin:3vw auto 0 auto; padding:0; clear:both; background:url(../img/popup_but_download.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.popup-l .p-lottery .but:hover{ background-position:0 100%;}

.popup-l .p-lottery .but a{ display:block; width:100%; height:100%;}

.popup-l .p-lottery .but2{ width:100%; height:auto; margin:1.5vw auto 0 auto; padding:0; clear:both; text-align:center;}

.popup-l .p-lottery .but2 .bl{ display:inline-table; width:4vw; height:4vw; margin:0 1vw; text-align:center;}

.popup-l .p-lottery .but2 .bl-download{ background:url(../img/popup_buts_download.png) center no-repeat; background-size:100% 100%;}

.popup-l .p-lottery .but2 .bl-share-qq{ background:url(../img/popup_buts_qq.png) center no-repeat; background-size:100% 100%;}

.popup-l .p-lottery .but2 .bl-share-weibo{ background:url(../img/popup_buts_weibo.png) center no-repeat; background-size:100% 100%;}

.popup-l .p-lottery .but2 .bl-invite{ background:url(../img/popup_buts_invite.png) center no-repeat; background-size:100% 100%;}

.popup-l .p-lottery .but2 .bl a{ display:block; width:100%; height:100%; position:relative;}

.popup-l .p-lottery .but2 .bl a .share{ width:100%; height:100%; position:absolute; top:0; left:0;}



.popup-l .p-code{ width:28vw; height:auto; margin:0 auto; padding:0; clear:both;}

.popup-l .p-code .txt{ width:28vw; height:auto; margin:0 auto; padding-top:9vw; clear:both; text-align:center; font-size:1.2vw; color:#ffffff; line-height:220%;}

.popup-l .p-code .txt span{ font-size:2vw;}

.popup-l .p-code .but{ width:15vw; height:3.8vw; margin:2vw auto 0 auto; padding:0; clear:both; background:url(../img/popup_but_getcode.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.popup-l .p-code .but:hover{ background-position:0 100%;}

.popup-l .p-code .but a{ display:block; width:100%; height:100%;}

.popup-l .p-code .but-activate{ width:15vw; height:3.8vw; margin:2vw auto 0 auto; padding:0; clear:both; background:url(../img/popup_but_activate.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.popup-l .p-code .but-activate:hover{ background-position:0 100%;}

.popup-l .p-code .but-activate a{ display:block; width:100%; height:100%;}



.popup-c{ width:28vw; height:31vw; margin:0; padding:0; clear:both; background:url(../img/popup_01.png) top center no-repeat; background-size:100% 100%;}

.popup-c .pc-code{ width:22vw; height:auto; margin:0 auto; padding-top:8vw; clear:both; overflow:hidden;}

.popup-c .pc-code .sudoku{ width:23vw; height:18.3vw; margin:-1vw auto 0 auto; clear:both; color:#ffffff;}



.popup-c .pc-code .sudoku .xcaptcha_component{ transform: scale(1.8); margin:5vw 0 0 7vw;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_head{ width:310px;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_content{ width:310px;}

.popup-c .pc-code .sudoku .xcaptcha_grid_input div{ width:40px;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_buttons{ width:250px;}

@media screen and (max-width: 1920px){

	.popup-c .pc-code .sudoku .xcaptcha_component{ transform: scale(1.2); margin:2vw 0 0 2vw;}

	.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_buttons{ width:190px;}

}

@media screen and (max-width: 1366px){

	.popup-c .pc-code .sudoku .xcaptcha_component{ transform: scale(0.9); margin:-1.5vw 0 0 -0.5vw;}

	.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_buttons{ width:190px;}

}

@media screen and (max-width: 1000px){

	.popup-c .pc-code .sudoku .xcaptcha_component{ transform: scale(0.7); margin:-5.5vw 0 0 -3.5vw;}

	.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_buttons{ width:190px;}

}

.popup-c .pc-code .sudoku .xcaptcha_img_change{ color:#ffffff;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_help{ color:#ffffff;}



/*.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_head .xcaptcha_title{ line-height:2.5vw; padding-right:1vw; font-size:1vw;}

.popup-c .pc-code .sudoku .xcaptcha_grid_input div{ width:3.2vw; height:2.4vw;}

.popup-c .pc-code .sudoku .xcaptcha_grid_input .xcaptcha_backspace{ width:2.8vw; background-size:100% 100%;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_content{ margin-left:3.8vw;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_content .xcaptcha_img_wrap{ width:11vw; height:2.6vw; margin-right:0.4vw;}

.popup-c .pc-code .sudoku .xcaptcha_img_change{ font-size:0.9vw; color:#ffffff;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_help{ margin-top:0.4vw; color:#ffffff; font-size:0.8vw;}

.popup-c .pc-code .sudoku .xcaptcha_component .xcaptcha_grid_buttons{ margin-top:0.4vw; width:14vw;}

.popup-c .pc-code .sudoku .xcaptcha_grid_buttons div{ width:3.9vw; height:2.8vw; margin:0 0.4vw 0.4vw 0;}*/

.popup-c .pc-code .txt{ width:22vw; height:5.8vw; margin:0 auto; padding-top:1vw; clear:both; text-align:center; font-size:1vw; color:#ff0000;}

.popup-c .pc-code .txt .showhtml-div{ text-align:center;}

.popup-c .pc-code .txt .showhtml-div .cot{ text-align:center;}

.popup-c .pc-code .tit{ font-size:1vw; color:#ffffff;}

.popup-c .pc-code .but{ width:15vw; height:3.8vw; margin:0 auto; padding:0; clear:both; background:url(../img/popup_but_lottery.png) 0 0 no-repeat; background-size:100% 200%; font-size:0;}

.popup-c .pc-code .but:hover{ background-position:0 100%;}

.popup-c .pc-code .but a{ display:block; width:100%; height:100%;}

.popup-c .pc-code .submit{ width:5vw; height:2.3vw; line-height:2.3vw; background:#ffcd00; border:0; text-align:center; font-size:1vw; color:#000000; float:left; cursor:pointer;}

.popup-c .pc-code .explain{ width:22vw; height:auto; padding-top:2vw; clear:both; font-size:1vw;}



.popup-i{ width:52vw; height:30vw; margin:0; padding:0; clear:both; background:url(../img/popup_03.png) center no-repeat; background-size:100% 100%; position:relative;}

.popup-i .tit{ width:42vw; height:auto; margin:0 auto; padding-top:8vw; clear:both; text-align:center; font-size:1.6vw; color:#ffffff; font-weight:bold;}

.popup-i .cot{ width:42vw; height:auto; margin:0 auto; padding-top:1vw; clear:both;}

.popup-i .cot .share-box{ width:40vw; height:auto; margin:0 auto; padding:0; clear:both;}

.popup-i .cot .share-box .li{ width:4.5vw; height:6.2vw; margin:0 1vw; float:left; text-align:center; font-size:1vw; color:#2a303e; line-height:200%; position:relative; cursor:pointer;}

.popup-i .cot .share-box .li:hover{ color:#2a303e; text-decoration:none;}

.popup-i .cot .share-box .li a{ display:block; width:100%; height:100%; position:relative;}

.popup-i .cot .share-box .li .share{ width:6.2vw; height:6.2vw; position:absolute; top:0; left:0; font-size:0;}

.popup-i .cot .share-explain{ width:42vw; height:auto; margin:0 auto; padding-top:2vw; clear:both; text-align:center; font-size:1vw; color:#2a303e; line-height:170%;}

.popup-i .cot .invite{ width:38vw; height:auto; margin:0 auto; padding-top:1vw; clear:both; text-align:center;}

.popup-i .cot .invite .input{ width:27vw; height:1.7vw; padding:0.2vw 0.8vw; background:#ffffff; border:1px solid #319dce;; font-size:1vw; float:left;}

.popup-i .cot .invite .submit{ width:8vw; height:2.8vw; margin-left:1vw; padding:0; background:#319dce; border:0; font-size:1vw; color:#ffffff; float:left; cursor:pointer;}

.popup-i .cot .explain{ width:42vw; height:auto; margin:0 auto; padding-top:1vw; clear:both; font-size:1vw; color:#ffffff; line-height:170%;}

.popup-i .cot .explain a{ color:#ffffff; text-decoration:underline;}