@charset "utf-8"; 

.wrap_roulette {width:100%;}
.wrap_roulette > img {width:100%;}
.wrap_roulette .r_bg {position:absolute; width:112%; top: 28%; left: 50%; transform: translateX(-50%);}
.wrap_roulette .roulette  {position:absolute;top:43%;}
.wrap_roulette .roulette#light {z-index:26;}
.wrap_roulette .roulette_outer {width:87%;height:auto;left:3.5%; right:4%; z-index:10; margin:1% auto;}
.wrap_roulette .roulette_outer > img {width:100%;} 
.wrap_roulette .roulette_inner {width:79%;height:auto;left:10%; right:10%; z-index:8; margin-top:5.5%;}	
.wrap_roulette .roulette_inner > img {width:100%;}
.wrap_roulette .click_btn {width:21%;height:auto;left:37.5%; right:37.5%; z-index:25; margin:0 auto; margin-top:32%;}	
.wrap_roulette .click_btn img {width:100%;}
.wrap_roulette .click_btn2 {width:21%;height:auto;left:37.5%; right:37.5%; z-index:25;margin-top:34%; display:none;}	
.wrap_roulette .click_btn2 img {width:100%;}
.wrap_roulette .roulette_arrow {width:9%;height:auto;left:45%;z-index:30;margin-top:-2%}
.wrap_roulette .roulette_arrow > img {width:95%;}
.wrap_roulette .roulette_box {width:42%;height:auto;left:61%;z-index:30;margin-top:79%}
.wrap_roulette .roulette_box > img {width:100%;}
.wrap_roulette .roulette_info {width: 95%; position: absolute; left: 50%; bottom: 3%; z-index: 30; transform: translate(-50%, -3%);}
.wrap_roulette .roulette_info > img {width:100%;}
.wrap_roulette .giftbox {width:28%;height:auto;right:2%;z-index:40;margin-top:35%;}
.wrap_roulette .giftbox > img {width:100%;}
.apply_wrap {position:relative;width:100%;height:auto; margin:0 auto;max-width:640px;  min-width:320px;overflow:hidden;}
.apply_wrap .apply_img img{width:100%;max-width:640px;}
.apply_wrap > img {position:absolute;top:0;left:50%;margin-left:-1250px;}

.apply_wrap	.apply_box:after {display:block;width:0;height:0;visibility:hidden;content:' ';clear:both;}
.apply_wrap	.apply_box ul {width:60%;margin:20px auto;height:auto;}
.apply_wrap	.apply_box ul li {width:100%;height:30px;text-align:left;font-size:12px;line-height:30px;}
.apply_wrap	.apply_box ul li input[type="checkbox"] {vertical-align:middle;}
.apply_wrap	.apply_box .btn {position:relative;width:100%;margin:0 auto;}
.apply_wrap	.apply_box .btn a {position:absolute;display:inline-block;left:0;bottom:-84px;width:100%;height:94px;font-size:28px;text-align:center;color:#fff;line-height:94px; animation: cursor 1s linear infinite;}
.apply_wrap	.apply_box .btn a img {display:inline-block;vertical-align:middle;margin-left:10px;}
.apply_wrap	.apply_box .submit {border-radius: 30px; letter-spacing: -2px; font-weight: bold;position:absolute;display:inline-block;left:50px;bottom:-84px;width:100%;height:94px;font-size:28px; text-align:center;color:#000000;line-height:94px; border:none;}
.ok_bt {margin:0 auto; text-align:center; background:red; color:#fff; width:200px; line-height:3;}

.apply_wrap .apply_img2 img{width:100%;max-width:750px;}
.apply_wrap .apply_img2 {width:100%;max-width:750px; margin-top: 300px;}

.btn_position {position:absolute; bottom:-77px;}


/*·ê·¿2*/
.wrap_roulette2 {width:100%;}
.wrap_roulette2 > img {width:100%;}
.wrap_roulette2 .r_bg {position:absolute; width:112%; top: 28%; left: 50%; transform: translateX(-50%);}
.wrap_roulette2 .roulette2  {position:absolute;top:43%;}
.wrap_roulette2 .roulette2#light {z-index:26;}
.wrap_roulette2 .roulette_outer {width:87%;height:auto;left:3.5%; right:4%; z-index:10; margin:1% auto}
.wrap_roulette2 .roulette_outer > img {width:100%;} 
.wrap_roulette2 .roulette_inner2 {width:79%;height:auto;left:10%; right:10%; z-index:8; margin-top:5.5%;}	
.wrap_roulette2 .roulette_inner2 > img {width:100%;}
.wrap_roulette2 .click_btn3 {width:21%;height:auto;left:37.5%; right:37.5%; z-index:25; margin:0 auto; margin-top:32%;}	
.wrap_roulette2 .click_btn3 img {width:100%;}
.wrap_roulette2 .click_btn4 {width:21%;height:auto;left:37.5%; right:37.5%; z-index:25;margin-top:34%; display:none;}	
.wrap_roulette2 .click_btn4 img {width:100%;}
.wrap_roulette2 .roulette_arrow {width:9%;height:auto;left:45%;z-index:30;margin-top:-2%}
.wrap_roulette2 .roulette_arrow > img {width:95%;}
.wrap_roulette2 .roulette_box {width:42%;height:auto;left:61%;z-index:30;margin-top:79%}
.wrap_roulette2 .roulette_box > img {width:100%;}
.wrap_roulette2 .roulette_info {width: 95%; position: absolute; left: 50%; bottom: 3%; z-index: 30; transform: translate(-50%, -3%);}
.wrap_roulette2 .roulette_info > img {width:100%;}
.wrap_roulette2 .giftbox {width:28%;height:auto;right:2%;z-index:40;margin-top:35%;}
.wrap_roulette2 .giftbox > img {width:100%;}
.apply_wrap2 {position:relative;width:100%;height:auto; margin:0 auto;max-width:640px;  min-width:320px;overflow:hidden;}
.apply_wrap2 .apply_img img{width:100%;max-width:640px;}
.apply_wrap2 > img {position:absolute;top:0;left:50%;margin-left:-1250px;}

.apply_wrap2	.apply_box:after {display:block;width:0;height:0;visibility:hidden;content:' ';clear:both;}
.apply_wrap2	.apply_box ul {width:60%;margin:20px auto;height:auto;}
.apply_wrap2	.apply_box ul li {width:100%;height:30px;text-align:left;font-size:12px;line-height:30px;}
.apply_wrap2	.apply_box ul li input[type="checkbox"] {vertical-align:middle;}
.apply_wrap2	.apply_box .btn {position:relative;width:100%;margin:0 auto;}
.apply_wrap2	.apply_box .btn a {position:absolute;display:inline-block;left:0;bottom:-84px;width:100%;height:94px;font-size:28px;text-align:center;color:#fff;line-height:94px; animation: cursor 1s linear infinite;}
.apply_wrap2	.apply_box .btn a img {display:inline-block;vertical-align:middle;margin-left:10px;}
.apply_wrap2	.apply_box .submit {border-radius: 30px; letter-spacing: -2px; font-weight: bold;position:absolute;display:inline-block;left:50px;bottom:-84px;width:100%;height:94px;font-size:28px; text-align:center;color:#000000;line-height:94px; border:none;}
.ok_bt {margin:0 auto; text-align:center; background:red; color:#fff; width:200px; line-height:3;}

.apply_wrap2 .apply_img2 img{width:100%;max-width:750px;}
.apply_wrap2 .apply_img2 {width:100%;max-width:750px; margin-top: 300px;}

.btn_position {position:absolute; bottom:-77px;}