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:#1c1c1e;}
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:2vw 0 0 4vw; float:left;}
.wrapper1 .logo-box .logo-cot .logo .logo-sszj{ width:auto; height:auto; padding-top:0.6vw; float:left; font-size:0; line-height:0;}
.wrapper1 .logo-box .logo-cot .logo .logo-sszj img{ width:11vw; height:auto;}
.wrapper1 .logo-box .logo-cot .logo .logo-17173{ width:auto; height:auto; padding:0 0 0 2vw; float:left; font-size:0;}
.wrapper1 .logo-box .logo-cot .logo .logo-17173 img{ width:5.5vw; height:auto;}
.wrapper1 .logo-box .logo-cot .link{ width:auto; height:auto; padding:2.3vw 4vw 0 0; float:right;}
.wrapper1 .logo-box .logo-cot .link .web{ width:10vw; height:2.55vw; float:left; background:url(../img/image_03.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper1 .logo-box .logo-cot .link .web:hover{ background-position:0 -2.55vw;}
.wrapper1 .logo-box .logo-cot .link .web a{ display:block; width:100%; height:100%;}
.wrapper1 .logo-box .logo-cot .link .area{ width:10vw; height:2.55vw; margin-left:1.1vw; float:left; background:url(../img/image_04.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper1 .logo-box .logo-cot .link .area:hover{ background-position:0 -2.55vw;}
.wrapper1 .logo-box .logo-cot .link .area a{ display:block; width:100%; height:100%;}

.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:2.3vw; line-height:2.2vw; clear:both; position:absolute; top:4vw; left:50%; margin-left:-12vw; background:url(../img/image_09.png) top center no-repeat; background-size:100% auto; text-align:center; font-size:1.2vw; color:#ffffff; letter-spacing:0.05vw;}
.wrapper1 .slogan .tips{ width:4vw; height:auto; clear:both; position:absolute; top:-1.5vw; left:5vw; font-size:0; line-height:0;}
.wrapper1 .slogan .tips img{ width:100%; height:auto;}
.wrapper1 .slogan .buts{ width:50%; height:auto; clear:both; position:absolute; top:0; left:25%;}
.wrapper1 .slogan .buts .but{ width:50%; height:auto; float:left;}
.wrapper1 .slogan .buts .but .but-subscribe{ width:13vw; height:3.5vw; margin:0 auto; clear:both; background:url(../img/image_10.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper1 .slogan .buts .but .but-subscribe:hover{ background-position:0 100%;}
.wrapper1 .slogan .buts .but .but-subscribe a{ display:block; width:100%; height:100%;}
.wrapper1 .slogan .buts .but .but-getcode{ width:13vw; height:3.5vw; margin:0 auto; clear:both; background:url(../img/image_11.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper1 .slogan .buts .but .but-getcode:hover{ background-position:0 100%;}
.wrapper1 .slogan .buts .but .but-getcode a{ display:block; width:100%; height:100%;}
.wrapper1 .slogan .buts .but .text{ width:100%; height:auto; padding-top:1vw; clear:both; text-align:center; font-size:1vw; color:#ffffff; line-height:150%;}
.wrapper1 .slogan .buts .but .text span{ color:#ffcd00; font-weight:bold;}
.wrapper1 .slogan .buts .but .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);}
}

.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:62.5%; height:auto; clear:both; position:absolute; top:0; left:18.75%;}

.wrapper2 .cot .getcode{ width:49.2%; height:auto; margin-top:14.8vw; float:left;}
.wrapper2 .cot .getcode .title{ width:90%; height:3.5vw; line-height:3.5vw; margin:0 auto; clear:both; font-size:1.1vw; color:#ffffff; font-weight:bold;}
.wrapper2 .cot .getcode .code{ width:90%; height:auto; margin:0 auto; clear:both; display:flex;}
.wrapper2 .cot .getcode .code .li{ width:33%; height:auto; margin-left:1vw; float:left; background:url(../img/image_14.png) top center no-repeat; background-size:100%; font-size:0; line-height:0; position:relative; flex:1;}
.wrapper2 .cot .getcode .code .li:first-child{ margin-left:0;}
.wrapper2 .cot .getcode .code .li .pic{ width:100%; height:auto; clear:both; font-size:0; line-height:0;}
.wrapper2 .cot .getcode .code .li .pic img{ width:100%; height:auto;}
.wrapper2 .cot .getcode .code .li .txt{ width:100%; height:2vw; line-height:2vw; clear:both; background:#ba0532; text-align:center; font-size:1vw; color:#ffffff;}
.wrapper2 .cot .getcode .details{ width:90%; height:11.5vw; margin:0 auto; padding-top:1.8vw; clear:both;}
.wrapper2 .cot .getcode .details span{ display:block; padding-bottom:1.4vw; font-size:1.1vw; color:#ffffff; font-weight:bold;}
.wrapper2 .cot .getcode .details .li{ width:100%; height:auto; padding-bottom:0.2vw; clear:both; font-size:0.95vw; color:#ffffff; line-height:150%;}
.wrapper2 .cot .getcode .details .li a{ color:#ffffff; text-decoration:underline;}
.wrapper2 .cot .getcode .but-getcode{ width:14vw; height:3.5vw; margin:3.2vw auto; clear:both; background:url(../img/image_18.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:49.2%; height:auto; margin-top:14.8vw; padding-top:26.2vw; float:right;}
.wrapper2 .cot .download .but-download{ width:14vw; height:3.5vw; margin:3.2vw auto; clear:both; background:url(../img/image_19.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%;}
.wrapper2 .cot .getcode .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; 
}

.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:62.5%; height:auto; clear:both; position:absolute; top:0; left:18.75%;}

.wrapper3 .cot .num{ width:100%; height:2.4vw; margin:0 auto; padding-top:12.3vw; clear:both; text-align:center; font-size:1.2vw; color:#ffffff; font-weight:bold;}
.wrapper3 .cot .num span{ padding:0 0.1vw; color:#ffcd00; font-weight:bold;}

.wrapper3 .cot .prize-rule{ width:100%; height:20vw; clear:both; background:#000033;}
.wrapper3 .cot .prize{ width:36vw; height:auto; float:left; font-size:0; line-height:0; position:relative;}
.wrapper3 .cot .prize img{ width:100%; height:auto;}
.wrapper3 .cot .prize .pcot{ width:100%; height:100%; clear:both; position:absolute; top:0; left:0; z-index:2; background:url(../img/image_22.png) center no-repeat; background-size:100%; font-size:0; line-height:0;}
.wrapper3 .cot .prize .lottery{ width:11.2vw; height:11.2vw; clear:both; position:absolute; top:11.6vw; left:12.45vw; z-index:3; background:url(../img/image_23.png) 0 0 no-repeat; background-size:100% 200%;}
.wrapper3 .cot .prize .lottery:hover{ background-position:0 100%;}
.wrapper3 .cot .prize .lottery a{ display:block; width:100%; height:100%;}
.wrapper3 .cot .prize .move{ position:absolute; width:10.6vw; height:10.6vw; left:0; top:0; z-index:1; background:url(../img/image_24.png) center no-repeat; background-size:100%; font-size:0;}

.wrapper3 .cot .rule{ width:23.4vw; height:32vw; padding:0; float:right; background:url(../img/image_20.png) top center no-repeat; background-size:100% 100%;}
.wrapper3 .cot .rule .rt{ width:auto; height:2.5vw; line-height:2.7vw; padding-left:2.7vw; clear:both; font-size:1.2vw; color:#ffffff; font-weight:bold;}
.wrapper3 .cot .rule .rc{ width:85%; height:auto; margin:0 auto; padding-top:2vw; clear:both;}
.wrapper3 .cot .rule .rc .li{ width:100%; height:auto; margin:0 auto; padding-bottom:1.2vw; clear:both; text-align:justify; font-size:1vw; color:#ffffff; line-height:160%;}
.wrapper3 .cot .rule .rc .li span{ color:#ffcd00;}
@media screen and (max-width: 1200px){
	.wrapper3 .cot .rule .rc{ padding-top:1.2vw;}
	.wrapper3 .cot .rule .rc .li{ padding-bottom:0.3vw;}
}

.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:62.5%; height:auto; clear:both; position:absolute; top:0; left:18.75%;}

.wrapper4 .cot .role{ width:20vw; height:auto; padding:12.5vw 0 0 1.8vw; float:left;}
.wrapper4 .cot .role .text1{ width:100%; height:auto; font-size:2vw; color:#ffffff; font-weight:bold; line-height:140%;}
.wrapper4 .cot .role .text1 span{ display:inline-table; width:auto; height:1.4vw; line-height:1.4vw; margin-left:0.3vw; padding:0 0.4vw; background:#ffcb5b; font-size:0.8vw; color:#000000; font-weight:normal; vertical-align:middle; margin-top:-0.8vw;}
.wrapper4 .cot .role .text2{ width:100%; height:auto; font-size:1.1vw; color:#ffffff; line-height:140%;}

.wrapper4 .cot .introduce{ width:25.55vw; height:auto; margin-top:12vw; float:right;}
.wrapper4 .cot .introduce .text{ width:88%; height:17vw; margin:0 auto; padding-top:4.2vw; clear:both;}
.wrapper4 .cot .introduce .text .li{ width:100%; height:auto; padding-bottom:1.2vw; clear:both; overflow:hidden;}
.wrapper4 .cot .introduce .text .li .licon{ width:1vw; height:1vw; margin-top:0.25vw; float:left; background:url(../img/image_27.png) center no-repeat; background-size:100% 100%; font-size:0; line-height:0;}
.wrapper4 .cot .introduce .text .li .ltxt{ width:92%; height:auto; float:right; font-size:1vw; color:#ffffff; line-height:160%;}
.wrapper4 .cot .introduce .text .li .ltxt span{ font-weight:bold;}
.wrapper4 .cot .introduce .buts{ width:74%; height:auto; margin:0 auto; clear:both;}
.wrapper4 .cot .introduce .buts .but-qq{ width:8.4vw; height:2.35vw; float:left; background:url(../img/image_28.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper4 .cot .introduce .buts .but-qq:hover{ background-position:0 100%;}
.wrapper4 .cot .introduce .buts .but-qq a{ display:block; width:100%; height:2.35vw; line-height:2.35vw; text-align:center; font-size:1.1vw; color:#ffffff; text-decoration:none;}
.wrapper4 .cot .introduce .buts .but-download{ width:8.4vw; height:2.35vw; float:right; background:url(../img/image_28.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0;}
.wrapper4 .cot .introduce .buts .but-download:hover{ background-position:0 100%;}
.wrapper4 .cot .introduce .buts .but-download a{ display:block; width:100%; height:2.35vw; line-height:2.35vw; text-align:center; font-size:1.1vw; color:#ffffff; text-decoration:none;}

.wrapper5{ width:100%; height:auto; margin:0 auto; padding:0; clear:both; font-size:0; line-height:0; position:relative;}
.wrapper5 img{ width:100%; height:auto;}
.wrapper5 .pics{ width:100%; height:auto; clear:both; position:absolute; top:0; left:0; z-index:1;}
.wrapper5 .pics .li{ width:100%; height:auto; clear:both; font-size:0; line-height:0; position:relative;}
.wrapper5 .pics .li a{ display:block; width:100%; height:100%; text-decoration:none;}
.wrapper5 .pics .li img{ width:100%; height:auto;}
.wrapper5 .pics .li .text{ width:auto; height:auto; clear:both; position:absolute; top:4vw; left:5vw; font-size:2.7vw; color:#ffffff; font-weight:bold; line-height:140%;}
.wrapper5 .pics .li .text span{ display:block; padding-top:0.4vw; font-size:1.1vw; color:#ffffff; line-height:140%; font-weight:normal;}
.wrapper5 .pics .li .num{ width:auto; height:auto; clear:both; position:absolute; top:4vw; right:4vw; font-size:1.1vw; color:#999999; font-weight:bold; font-style:oblique;}
.wrapper5 .pics .li .num span{ padding-right:0.5vw; font-size:2.2vw; color:#ffffff;}
.wrapper5 .pics .li .link{ width:8vw; height:auto; clear:both; position:absolute; top:16vw; left:50%; margin-left:-4vw; font-size:0; line-height:0;}
.wrapper5 .pics .li .link img{ width:100%; height:auto;}
.wrapper5 .menu{ width:62.5%; height:auto; clear:both; position:absolute; top:40vw; left:18.75%; z-index:10;}
.wrapper5 .menu .arrow-left{ width:3vw; height:3vw; clear:both; position:absolute; top:1.7vw; left:0; background:url(../img/image_31.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0; cursor:pointer;}
.wrapper5 .menu .arrow-left:hover{ background-position:0 100%;}
.wrapper5 .menu .arrow-right{ width:3vw; height:3vw; clear:both; position:absolute; top:1.7vw; right:0; background:url(../img/image_32.png) 0 0 no-repeat; background-size:100% 200%; font-size:0; line-height:0; cursor:pointer;}
.wrapper5 .menu .arrow-right:hover{ background-position:0 100%;}
.wrapper5 .menu .slick{ width:53vw; height:auto; margin:0 auto; clear:both; overflow:hidden;}
.wrapper5 .menu .mcot{ width:auto; height:auto; clear:both; white-space:nowrap;}
.wrapper5 .menu .mcot .mli{ display:inline-table; width:8vw; height:auto; margin-right:1vw; font-size:0; line-height:0; cursor:pointer; position:relative;}
.wrapper5 .menu .mcot .mli img{ width:100%; height:auto;}
.wrapper5 .menu .mcot .mli .circle{ display:none;}
.wrapper5 .menu .mcot .mli-on .circle{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:url(../img/image_33.png) center no-repeat; background-size:100% 100%; font-size:0; line-height:0;}

.wrapper6{ width:auto; height:7.2vw; margin:0 auto; padding-top:1.5vw; clear:both; background:#000000; color:#ffffff;}
.wrapper6 .global-footer{ color:#ffffff;}
.wrapper6 .global-footer a{ color:#ffffff;}
.wrapper6 .copyright{ color:#ffffff;}






.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;}