@charset "utf-8";
/*清除默认样式*/
body{font-size:14px;color:#333;background:url(../images/bg.jpg) repeat;font-family:"Microsoft Yahei";}
.wrap-activity *{box-sizing: border-box;}
.fl{float: left;}
.fr{float: right;}
img{vertical-align: middle;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after{content:""; display: block;clear: both;height: 0;}
.active-inner{width:1200px;margin:0 auto;position: relative;}
/* banner */
.active-banner{text-align:center;background:url(../images/banner_bg01.jpg) no-repeat center;background-size:auto 100%;position:relative;}
.active-banner .active-time{font-size:24px;line-height:40px;color:#1f7f55;position:absolute;top:59%;left:50%;transform:translateX(-50%);font-weight:bold;width: 100%;}
.active-banner2{background: url(../images/banner_bg02.png) no-repeat top center;padding:260px 0 0;}
.active-discounts{background: url(../images/bg01.png) no-repeat center;}
.active-discounts .b-btn{background: #1f7f55;border-radius: 50px;height:50px;line-height: 48px;padding:0 52px;border-color: #1f7f55;margin-top: 40px;font-size: 16px;cursor: pointer;}
.active-discounts .b-btn:hover{color: #1f7f55;background: transparent;}
.active-discounts li{overflow: hidden;}
.active-discounts .pro-img{width:48%;text-align: center;}
.active-discounts dl{width:49%;padding-top: 50px;}
.active-discounts dt{font-size: 30px;line-height: 60px;}
.active-discounts dd{font-size: 20px;line-height: 40px;color:#999;}
/* 模块 */
.module-middle{background:url(../images/module_middle.png) no-repeat; background-size: 100% 100%;padding:1px;position: relative;}
.module-main{background:#fdf8f0;position: relative;overflow: hidden;border-radius:35px;margin:-125px 70px -220px;padding:60px 55px;}
.module-bg{background: rgba(0,0,0,0.2);position: absolute;bottom:0;left:0;right:0;z-index: -1;}
.mode-bridge{position: absolute;;left:-150px;top:50%;transform: translateY(-50%);z-index: -1;}
.mode-bridger{position: absolute;left:auto;right:-150px;top:50%;transform: translateY(-50%);z-index: -1;}
.active-title{padding:60px 0 34px;}
.module-title{font-size:34px;line-height:88px;text-align: center;background:#ffa200;color:#fff;width:55%;box-shadow:17px 7px 4px 0 rgba(81,160,11,.22);margin: 0 auto;border-radius: 50px;}
/* 大转盘 */
.active-wheel{position: relative;background: url(../images/bg02.png) no-repeat left bottom;}
.active-wheel .module-main{padding:100px 75px 65px;}
.wheel-box{width:430px;height:738px;background: url(../images/phone_bg.png) no-repeat;margin-top: -5px;padding:35px 25px 40px;}
.wheel-info{width: 46%;}
.wheel-info .view-record{float:right;border:1px solid #8e1732;border-radius: 50px;font-size:18px;line-height: 34px;padding:0 20px;color:#8e1732;margin-bottom: 30px;}
.info-detail{font-size: 16px;line-height: 30px;background: #1f7f55;padding:30px 34px 40px;border-radius: 4px;color:#fff;}
.info-detail dd{margin-bottom: 30px;}
.info-detail dd span{color: #ffa200;font-weight: bold;}
.info-detail div{background: #165f3f;padding:14px 34px;border-radius: 4px;}
.wheel-info-box{margin-top:20px;border-radius: 4px;border:4px solid #1f7f55;}
.wheel-info-box span{float:left;text-align: center;}
.wheel-info-box .name{width:16%;}
.wheel-info-box .prize{width:52%;}
.wheel-info-box .time{width:32%;}
.wheel-info-box .info-head{background: #1f7f55;font-size: 16px;color:#fff;line-height:48px;overflow: hidden;font-weight: bold;border-bottom: 4px solid #1f7f55;}
.wheel-info-box .info-list{overflow: hidden;height:176px;position: relative;border-top: none;}
.wheel-info-box ul{position: absolute;left: 0;top:0;width: 100%;line-height:26px;color:#1f7f55;}
.wheel-info-box li{overflow: hidden;}
.wheel-info-box li .prize{padding-left:16px;text-align:left;}
.active-wheel .font-red{line-height: 30px;}
.view-record{color:#971e35;font-size: 16px;padding:0 18px;height:32px;border:1px solid #971e35;border-radius: 50px;line-height: 32px;float:right;margin-top: 20px;}
/* 产品 */
.active-product{position: relative;background: url(../images/bg03.png) no-repeat center;}
.product-list li{float: left;width:33.33%;text-align: center;padding:17px 10px;}
.product-item a{display: inline-block;width:234px;}
.product-item a:hover{box-shadow: 1px 0 10px 0 rgba(19,20,20,.2);}
.product-item .app-info{border:2px solid #abdeef;border-top: none;padding:30px 10px 25px;}
.product-item .app-info h4{font-size: 16px;line-height: 30px;}
.product-item .app-info span{font-size: 14px;line-height: 24px;}
.product-item .app-info p{font-size: 14px;line-height: 24px;padding: 10px 0 14px;color:#888;}
.product-item .b-btn{border:none;line-height:26px;height:26px;border-radius:0;width:84px;color:#fff;font-size: 14px;}
.item02 .app-info{border-color:#89bae7;}
.item03 .app-info{border-color:#5cc4e6;}
.item04 .app-info{border-color:#bae3ce;}
.item05 .app-info{border-color:#b2ebaf;}
.item06 .app-info{border-color:#91e0b6;}
.item07 .app-info{border-color:#e6bed7;}
.item08 .app-info{border-color:#efa3ba;}
.item09 .app-info{border-color:#e3a3cb;}
.item10 .app-info{border-color:#d9caa9;}
.item11 .app-info{border-color:#f2e7b1;}
.item12 .app-info{border-color:#d4bf8f;}
.item01 .b-btn,.item02 .b-btn,.item03 .b-btn{background: #45bae0;}
.item04 .b-btn,.item05 .b-btn,.item06 .b-btn{background: #6ace90;}
.item07 .b-btn,.item08 .b-btn,.item09 .b-btn{background: #d78fbc;}
.item10 .b-btn,.item11 .b-btn,.item12 .b-btn{background: #cab37e;}


/* 更多产品 */
.active-anli{position: relative;background: url(../images/bg05.png) no-repeat center bottom;padding:0 0 330px;}
.anli-list{margin:-15px;padding:30px;}
.anli-list li{padding:22px;float:left;width:50%;}
.anli-list li .anli-item{border:1px solid #e5e5e5;box-shadow: 0 0 13px 0 rgba(160,138,133,0.16);text-align: center;border-radius: 8px;overflow: hidden;}
.anli-list li .anli-name{line-height:46px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.anli-list li .anli-pic{width: 100%;padding:54.54% 0 0;position: relative;overflow: hidden;}
.anli-list li .anli-pic img{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.anli-list2{margin:-12px -15px;padding:30px;}
.anli-list2 li{padding:12px 15px;float:left;width:33.33%;}
.anli-list2 li .anli-item{border:1px solid #e5e5e5;text-align: center;overflow: hidden;}
.anli-list2 li .anli-name{line-height:20px;font-size:14px;padding:18px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.anli-list2 li .anli-name span{background: #ddd;color:#fff;font-size: 12px;line-height: 20px;padding:0 5px;display: inline-block;margin-right: 10px;}
.anli-list2 li .anli-pic{width: 100%;padding:45.58% 0 0;position: relative;overflow: hidden;}
.anli-list2 li .anli-pic img{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.active-anli .case-list{margin: -18px -15px;}
.active-anli .case-list li{padding: 18px 8px;}
.active-anli .case-list li a{background: #fff;border-radius: 4px;}
.active-anli .pagebar{display: none;}

.game-shadow{background: rgba(0,0,0,0.5);position: fixed;left:0;top:0;right:0;bottom:0;z-index: 999;display: none;}
.g-lottery-case{position: relative;width:476px;height:476px;margin:0 auto;}
.start-before{position: absolute;z-index: 80;width:300px;}
.rotary-tableimg{position: absolute;top:0;left:50%;margin-left:-50%;z-index:1;width:100%;height:auto;}
.g-lottery-box{position: absolute;top:0;left:0;right:0;bottom:0;width: 388px;height:388px;margin:auto;z-index: 100;}
.g-lottery-img {width:100%;height:100%;}
.g-lottery-img img{display: block;margin:0 auto;width:100%;height:100%;}
.playbtn{display: block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width: 152px;height:181px;}
.playbtn img{width: 100%;height:100%;}
.playbtn span{position: absolute;left:0;top:62%;right:0;color:#880201;font-size: 14px;line-height: 24px;text-align: center;}
.playbtn span .chance-number{position: static;}
/* 结果 ---中奖 */
.result-popwin{display: none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;margin:auto;width:439px;height:520px;z-index:1000;background: url(../images/result-bg.png) no-repeat center center;background-size: 100% 100%;border-radius: 20px;transform: translate(0,-22px);}
.result-inner{text-align: center;padding:40px 0 0;}
.result-title{font-size: 32px;font-weight: bold;line-height: 82px;color:#1f7f55;}
.result-img p{padding:75px 0 120px;line-height: 70px;font-size: 50px;color:#fffddd;font-weight: bold;text-shadow: 0 3px 0 rgba(129,14,12,0.34);}
.result-img div{padding:75px 0 120px;line-height: 70px;font-size: 50px;color:#fffddd;font-weight: bold;text-shadow: 0 3px 0 rgba(129,14,12,0.34);background: url(../images/prize_bg.png) no-repeat center;}
.result-info{background: #fffddd;border-radius: 4px;padding:10px;color:#1f7f55;font-size: 20px;line-height: 32px;position: absolute;top:60%;left:9%;right:9%;}
.result-info span{font-size: 24px;color:#df312f;}
.result-info a{color:#1296db;text-decoration: underline;}
.pop-close{position: absolute;bottom:-48px;left:50%;margin-left: -18px;}
.pop-ewm .result-img{margin:36px 0 30px;}
.pop-ewm .result-info{top:72%;}
/*.pop-btns{position: absolute;bottom:9%;left:0;width:100%;text-align: center;}
.pop-btns .b-btn{display: inline-block;padding:0 25px;margin:0 5px;height:44px;text-align: center;font-size:18px;line-height:42px;color: #971e35;border-radius:50px;background: #fff;border:1px solid #fff;}
.pop-btns .b-btn-primary,.pop-btns .b-btn:hover{color:#fff;background: none;}
.pop-btns .b-btn-primary:hover{color: #971e35;background: #fff;}*/
.win-record{background: url(../images/record-bg.png) no-repeat center center;background-size: 100% 100%;width: 577px;height: 548px;}
.win-record .result-inner{padding:35px 34px 0;}
.my-account{font-size: 18px;line-height: 45px;color:#fff;}
.record-info-box{border-radius: 4px;background: #fff;overflow: hidden;height: 205px;}
.record-info-box .record-info-head{background: #1f7f55;font-size: 16px;color:#fff;line-height: 34px;overflow: hidden;text-align: center;font-weight: bold;}
.record-info-box .record-info-list{overflow:auto;max-height:170px;text-align: left;}
.record-info-box .record-info-list .norecord{font-size: 16px;line-height: 30px;padding: 70px 0;text-align: center;}
.record-info-box span{float:left;padding: 0 3px;}
.record-info-box .name{border-right: 1px solid #1f7f55;width: 15%;text-align: center;}
.record-info-box .prize{width:42%;border-right: 1px solid #1f7f55;}
.record-info-box .time{width:43%;}
.record-info-box ul{width: 100%;line-height:26px;font-size: 14px;color:#1f7f55;}
.record-info-box li{overflow: hidden;}
.win-record .prize-info{font-size: 14px;color:#fff;text-align: left;line-height: 24px;padding:10px 0 5px;}
.win-record .prize-tel{text-align: left;}
.win-record .prize-description{float:left;border-radius: 4px;background: #fffddd;color:#1f7f55;line-height: 26px;padding:7px 5px;text-align: left;width: 76%;}
.win-record .prize-ewm{width: 18%;color:#fff;line-height:30px;float:right;}
.win-record .prize-tel{font-size:12px;text-align: left;color:#fff;padding-top: 10px;float: left;}
.win-record .prize-tel span{font-size: 15px;}
/* 没有机会 */
.no-chance{background: url(../images/nochance-bg.png) no-repeat center center;background-size: 100% 100%;width: 437px;height:396px;}
.no-chance .result-inner{padding: 0;}
.no-chance .result-info{top:46%;}
/* share */
.pop-btns{position: absolute;bottom:0;left:0;width:100%;text-align: center;padding:0 0 15px;background: #fffeea;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.pop-btns p{font-size: 16px;font-weight: bold;color:#1f7f55;line-height: 36px;}
.c-sharesection{padding:0 10%;height:32px;line-height: 32px;}
.invite_left .c-sharesection{padding:0;}
.c-sharesection span{color:#666;}
.c-sharesection .share_item{position:relative;float:left;width:20%;}
.c-sharesection .share_item .share_ico{display:inline-block;text-indent: -9999px;width:37px;height:37px;background: url("../images/fxshare_ico.png") no-repeat;background-size:250px auto;cursor:pointer;}
.c-sharesection .share_wechart .share_ico{background-position:0 0;}
.c-sharesection .share_wechartM .share_ico{background-position:-150px 0;}
.c-sharesection .share_QQ .share_ico{background-position:-50px 0;}
.c-sharesection .share_QQzone .share_ico{background-position:-200px 0;}
.c-sharesection .share_Sina .share_ico{background-position:-100px 0;}
.share_pop{display:none;width: 170px;height: 170px;background: #fff;position: absolute;bottom: 36px;left: -30px;border: 1px solid #eee; box-shadow: 0 0 5px #eee;z-index: 3;}
.share_pop .share_pophd{height: 30px;line-height: 30px;background: #f1f1f1;border-bottom: 1px solid #eee;position: relative;text-align: left;}
.share_pop .share_pophd span{display: inline-block;color: #666;font-size: 12px;text-indent: 15px;}
.share_pop .share_pophd a{display: inline-block;width: 20px;height: 20px;position: absolute;right: 3px;top: 3px;text-indent: 0;color: #666;font-size: 20px;line-height: 20px;text-align: center;}
.share_popbd{height: 140px;position: relative;}
.share_popbd img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.txtpop{position: fixed;top:0;right:0;left:0;bottom:0;margin:auto;width: 180px;height: 40px;line-height: 40px;background: rgba(0,0,0,0.5);border-radius: 50px;text-align: center;;color:#fff;font-size: 16px;}
@media (max-width:1200px) {
.active-inner{width: 100%;overflow: hidden;}
.active-banner{height: auto;}
.module-main{margin:-100px 70px -178px;padding:50px 30px;}
.active-discounts dt{font-size: 26px;line-height: 45px;}
.active-discounts dd{font-size: 18px;line-height:30px;}
.active-wheel .module-main{padding:50px 25px;}
.wheel-info{width:43%;}
.info-detail{padding:30px 28px 40px;}
.info-detail div{padding:14px 24px;}

}
@media (max-width:1024px) {
	.active-title{padding: 30px 0 20px;}
	.module-title{font-size: 30px;line-height: 60px;width: 70%;}
.active-discounts .pro-img,.active-discounts dl{float:none;width:100%;text-align: center;padding: 0 0 40px;}
.active-wheel .module-main{padding:50px 75px 60px;}
.wheel-info{width:100%;}
.wheel-box{float:none;margin:0 auto;}
.product-list li{width: 50%;}
.active-anli{padding-bottom: 100px;}
.mode-bridge,.mode-bridger{display: none;}
}
@media (max-width:958px) {
	.active-banner2{padding-top: 100px;}
	.module-main{margin:-76px 70px -150px;}
}
@media (max-width:767px) {
	.active-banner .active-time{font-size: 18px;}
.module-main{margin:-50px 40px -100px;padding:30px 30px 10px;}
.active-wheel .module-main{padding:30px;}
.view-record{margin-top: 0;font-size: 14px;padding: 0 15px;}
.wheel-info .info-detail{font-size: 14px;line-height: 24px;padding: 15px;}
.wheel-info dd{margin-bottom: 15px;}
.wheel-info-box{margin-top: 10px;}
.wheel-info-box .info-head{font-size: 14px;line-height: 30px;font-weight: normal;}
.wheel-info-box .prize{padding-left: 10px;}
.module-title{font-size: 18px;line-height: 36px;padding:0 15px;}
.product-info{padding: 0;min-width: inherit;width: 90%;margin:20px 5% 10px;}
.product-discounts{font-size: 18px;line-height: 30px;}
.product-name{font-size: 24px;line-height: 38px;}
.product-give{font-size: 14px;line-height: 24px;padding: 5px;}
.price-original{font-size: 14px;line-height: 24px;}
.price-original s{height: 24px;}
.price-original span{font-size: 16px;}
.price-now{font-size: 14px;line-height: 48px;height: 48px;}
.price-now span{font-size: 48px;}
.product-btns .b-btn{width: 100px;height: 36px;line-height: 34px;font-size: 14px;}
.product-list li{width:100%;}
.anli-list,.anli-list2{padding: 20px;}
.anli-list li{padding: 5px;}
.anli-list li .anli-item{border-radius: 4px;}
.anli-list2 li{width: 50%;padding:5px;}
.active-anli .btn,.active-more .btn{height: 36px;line-height: 34px;font-size: 16px;margin-bottom: 20px;}
.wheel-info .view-record{font-size: 14px;line-height: 30px;padding:0 15px;margin-bottom: 15px;}
.g-lottery-case{width: 100%;height: 0;padding-top: 100%;}
.g-lottery-box{width: 80%;height: 80%;}
.playbtn{width: 30%;height: 40%;}
.playbtn img{height: auto;}
.playbtn span{font-size: 10px;top:52%;}

.result-popwin{width: 90%;height: 408px;max-width: 350px;}
.result-popwin .result-inner{padding: 30px 10px 0;}
.result-title{font-size: 20px;line-height: 68px;}
.pop-close{width: 20px;margin-left: -10px;bottom:-30px;}
.result-info{font-size: 14px;line-height: 24px;}
.result-popwin .result-img img{width:56%;}
.popwin-ewm .result-img img{width:44%;}
.win-lottery .result-info,.losing-lottery .result-info{top:58%;}

.win-record{height: 350px;}
.win-record .result-title{font-size: 20px;line-height: 48px;}
.win-record .result-inner{padding: 21px 10px 0;}
.my-account{font-size: 14px;line-height: 30px;}
.record-info-box{height: 104px;}
.record-info-box .record-info-head{font-size: 12px;line-height: 25px;}
.record-info-box .record-info-list{max-height: 80px;}
.record-info-box .record-info-list .norecord{font-size: 14px;line-height: 30px;padding:25px 0;text-align: center;}
.record-info-box ul{font-size: 10px;line-height: 20px;}
.win-record .prize-info{font-size: 12px;padding:5px 0 0;}
.win-record .prize-description{font-size: 10px;line-height: 20px;padding:5px;width:79%;}
.win-record .prize-ewm{font-size: 12px;}
.win-record .prize-tel{font-size: 10px;padding-top: 2px;}

.no-chance{height: 310px;}
.no-chance .result-inner{padding: 0;}
.no-chance .result-img img{width: 56%;}
}
@media (max-width:580px) {
	.active-banner .active-time{font-size: 14px;}
	.active-banner2{padding-top: 50px;}
	.module-main{margin: -30px 20px -60px;padding:20px 20px 10px;}
	.active-discounts .pro-img img{max-width: 80%;}
	.active-discounts dt{font-size: 16px;line-height: 30px;}
	.active-discounts dd{font-size: 14px;line-height: 24px;}
	.active-discounts .b-btn{height:30px;line-height: 28px;padding:0 15px;margin-top: 10px;font-size: 14px;}
	.module-title{width:90%;}
	.active-wheel .module-main{padding: 15px 10px;}
	.wheel-box{width: 100%;padding-top: 171.62%;height: 0;position: relative;background-size: 100% 100%;}
	.wheel-box .digital_tray{position: absolute;top:30px;left:17px;right:17px;bottom:30px;height: auto;width: auto;}
	.wheel-info-box{font-size: 12px;border-width: 2px;}
	.wheel-info-box .info-head{font-size: 12px;line-height: 30px;}
}