@charset "utf-8";
/* CSS Document */
.hide{ display:none;}
.maskbg{ position:fixed;height:100%;width:100%; left:0; top:0;background:url(maskbg.png);}
.disabled { pointer-events: none; }
.opacity-0 {filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;display: none;}


/*新加的样式*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.innercon{ overflow:hidden;}




/*广告*/
.Advertisement{ height:100%;}
#AdverBox{ height:100%;}
/*#questionBox{ height:100%;}*/
.a-con .a-Num{width: 145px;height: 94px;position: absolute;top: 35px;left: 25px;line-height: 94px;text-align: center;color: #fff;font-size: 80px;}/*新加的样式*/
.Advertisement .a-con{position: absolute;right: 40px;bottom: 40px; background:url(ad.png) no-repeat center; width:331px; height:226px;}
.a-tips{margin-top: 136px;margin-left: 25px;margin-right: 25px;text-align: center;line-height: 32px;font-size: 17px;color: #fa2951;font-weight: bold;}
.a-btn{width: 285px;height: 36px;background: #fff;border-radius:3px;border: 0;display: block;font-size: 18px;margin: 10px auto;color: #fa2951;}

/*问卷调查*/
.questionBox{ position:absolute;width: 560px;padding-top: 330px;height: 372px; background:url(dcwj.png) no-repeat center; left:50%; top:50%; margin-left:-280px; margin-top:-351px;}
.q-con{padding: 0 20px;}
.q-con .q-title{ font-size:30px;margin-bottom:35px;}
.q-option{ padding:0 20px 0 50px;}
.q-option li{ margin-bottom:10px;}
.q-option li label{ font-size:25px; margin-left:10px;vertical-align:middle; float:left;}
.q-finish-btn{width: 100%;height: 70px; margin-top:55px;border: none;background: #51a3d0;border-radius: 10px;font-size: 30px;color: #fff;}
.q-option li input[type="radio"] { float:left;width:25px;height:25px;border: 0px;background: url(radio-icon.png) no-repeat center;-webkit-appearance: none;outline: none;cursor: pointer;display: inline-block;margin:2px 6px 0px 0px;vertical-align:middle;}
.q-option li input[type="radio"]:checked {background: url(radio-icon2.png) no-repeat center;}
.q-option li input[type="checkbox"] { float:left;width:25px;height:25px;border: 0px;background: url(checked-icon.png) no-repeat center;-webkit-appearance: none;outline: none;cursor: pointer;display: inline-block;margin:1px 6px 0px 0px;vertical-align:middle;}
.q-option li input[type="checkbox"]:checked {background: url(checked-icon2.png) no-repeat center;}
/*.q-option li input[type="radio"],.q-option li input[type="checkbox"] { float:left;width:25px;height:25px;border: 0px;background: url(checked-icon.png) no-repeat center;-webkit-appearance: none;outline: none;cursor: pointer;display: inline-block;margin:5px 6px 0px 0px;vertical-align:middle;}
.q-option li input[type="radio"]:checked,.q-option li input[type="checkbox"]:checked {background: url(checked-icon2.png) no-repeat center;}*/

/*新加的样式*/
.q-innercon{height: 230px;}
.textareabox{border: 1px solid #eee;border-radius: 3px;width: 96%;padding: 1%;height: 180px;}



/*重要通知*/
#noticeBox{ height:100%;}
.noticeBox{width: 970px;padding-top: 138px;position: absolute;left: 50%;top: 50%;margin-left: -485px;margin-top: -253px;background:url(tz.png) no-repeat center;height: 368px;}
.noticeBox .n-con{width: 584px;margin-left: 70px;line-height:40px;color: #fff;font-size: 20px;margin-top: 20px;transform: rotate(-6deg);}/*新加的样式*/
.n-con p{ padding:0 30px 0 20px;}/*新加的样式*/
.n-btn{ margin-top:20px;}
.n-btn a{display: block;width: 157px;height: 50px;background: url(tpbtn2.png) no-repeat center;margin: auto;}


/*新加的样式*/
.n-innercon{height: 170px;}


/*投票*/
.voteBox{width: 480px;height: 638px;position: absolute;left: 50%;top: 50%;margin-left: -240px;margin-top: -319px; background:url(tp.png) no-repeat center;}
.voteBox .v-con{margin-top:82px;margin-left: 46px;margin-right: 46px;}
.voteBox .v-con .v-title{font-size: 33px;text-align: center;}
.voteBox .v-con .v-title2{font-size: 25px;}/*新改的样式*/
.voteBox .v-con .v-tips{margin-top: 14px;margin-bottom: 22px;}
.v-option li{margin-bottom: 33px;}
.v-option li input[type="radio"],.v-option li input[type="checkbox"] { float:left;width:16px;height:16px;border: 0px;background: url(radio.png) no-repeat 0 -35px;-webkit-appearance: none;outline: none;cursor: pointer;margin:4px 0px 0px 0px;}
.v-option li input[type="radio"]:checked,.v-option li input[type="checkbox"]:checked{background: url(radio.png) no-repeat 0 0;}
.v-option li label{ font-size:16px; margin-left:10px; float:left;vertical-align:middle;}
.v-submit-btn{text-align: center;position: absolute;width: 100%;left: 0;bottom: 30px;}

.svoteBox{width: 480px;height: 638px;position: absolute;left: 50%;top: 50%;margin-left: -240px;margin-top: -319px; background:url(tps.png) no-repeat center; display:none;}
.svoteBox .sv-con{margin-top: 257px;margin-left: 33px;margin-right: 33px;}
.svoteBox .sv-con .sv-title{font-size: 20px;margin-bottom: 20px;}
.sv-option{ background:#f6f6f6;}
.sv-option li{ line-height:45px;}
.sv-option li.curr{ background:#bee7fd;font-size: 14px;}
.sv-option li em{ float:right; margin-right:10px;}
.sv-option li input[type="radio"] { float:left;width:16px;height:16px;border: 0px;background: url(radio.png) no-repeat 0 -35px;-webkit-appearance: none;outline: none;cursor: pointer;display: inline-block;margin:15px 0px 0px 10px;vertical-align:middle;}
.sv-option li input[type="radio"]:checked {background: url(radio.png) no-repeat 0 0;}
.sv-option li label{ font-size:16px; margin-left:22px; float:left;vertical-align:middle;}
.sv-submit-btn{text-align: center;position: absolute;width: 100%;left: 0;bottom: 30px;}


/*新加的样式*/
.v-innercon{margin-top: 40px; height:360px;}


/*考试*/
.examhomeBox{ width:948px; height:618px; position:absolute; left:50%; top:50%; margin-left:-474px; margin-top:-309px; background:url(kskt.png) no-repeat center; position:relative;}
.e-con{ position:absolute; bottom:88px; width:100%; left:0;}
.e-con a{ float:left; width:340px; height:93px;}
.e-con a.answerBtn{ margin-left:140px;}
.e-con a.noanswerBtn{ margin-left:72px;}
.earrow{width: 45px;height: 94px;display:none;background: url(earrow.png) no-repeat center;margin-left: 120px;margin-top: -94px;}
.e-con a.curr .earrow{ display:block;}

/*推广课程*/
.CurrpromotBox{width: 373px;height: 94px;background: #fff;padding: 20px;border-radius:5px;position: absolute;right: 40px;bottom: 60px;}
.CurrpromotBox .l-course{width: 94px;height: 94px;float: left; overflow:hidden;}
.CurrpromotBox .l-course img{height:100%;width:100%;}
.CurrpromotBox .r-courinfo{ margin-left:108px;}
.r-courinfo .c-title{font-size: 20px;line-height: 30px;height: 60px;overflow: hidden;}
.r-courinfo .c-price{margin-top: 10px;}
.r-courinfo .c-price .c-money{color: #F44336;font-size: 18px;}
.r-courinfo .c-price .buy-btn{padding:3px 10px;font-size: 14px;background: #F44336;color: #fff;border-radius: 15px;margin-left: 15px;}
.read-num{ background:url(yl.png) no-repeat left center;padding-left: 22px;margin-top: 10px;color:#999;}

/*新加的样式*/
.closeBtn2{ background:url(close2.png) no-repeat center; position:absolute; width:20px; height:20px; border-radius:20px; overflow:hidden; right:5px; top:5px;cursor: pointer;}

/*大转盘*/
.turnBox{position: absolute;width:100%;height:100%;left:0;top:0;background: url(turntable-bg.png) no-repeat center;}
.turntable-bg {width:383px;height:383px;position:absolute;left:48%; top:20%;}
.turntable-bg .mask {width:383px;height:383px;position: absolute;left:0;top:0px;}
.turntable-bg .pointer {width:147px;height:147px;position: absolute;left: 50%;top: 50%;margin-left: -73.5px;margin-top: -73.5px;z-index: 8;}
.turntable-bg .rotate {width:383px;height:383px;position: absolute;left:0;top:0; background:url(turntable.png) no-repeat center;}
.rotate span{ position:absolute;font-size: 20px;color: #fff;font-weight: bold;text-shadow: 1px 1px 1px #363232;}
.rotate span .rimg{overflow: hidden;width: 80px;height: 30px;position: absolute;bottom: -40px;left: 10px;margin-left: -15px;text-align: center;}
.rotate span .rimg img{ height:100%;}
.rotate span.r-1{left: 218px;top: 65px;transform: rotate(30deg);}
.rotate span.r-2{left: 95px;top: 65px;transform: rotate(-30deg);}
.rotate span.r-3{left: 25px;top: 175px;transform: rotate(-90deg);}
.rotate span.r-4{left: 100px;top: 290px;transform: rotate(-150deg);}
.rotate span.r-5{left: 230px;top: 288px;transform: rotate(-210deg);}
.rotate span.r-6{left: 290px;top: 175px;transform: rotate(90deg);}
/*抢答题*/
#answerBox{ height:100%;}
.answerBox{width: 624px;height: 665px;position: absolute;left: 50%;top: 50%;margin-left: -312px;margin-top: -332.5px;background:url(qdt.png) no-repeat center;}
.ans-B{ margin-top:300px;}
.ans-B .anTitle{height: 60px;line-height: 60px;text-align: center;font-size: 30px;position: relative;}
.integral{ position:absolute; right:20px; top:0; line-height:60px;}
.subject{padding:0px 48px 20px;font-size: 22px;line-height: 32px;}/*新改的样式*/
.anOption{ padding:0px 48px;}
.anOption li{ float:left; width:33.33%; font-size:20px;}
.anOption li input[type="radio"] { float:left;width:16px;height:16px;border: 0px;background: url(radio.png) no-repeat 0 -35px;-webkit-appearance: none;outline: none;cursor: pointer;display: inline-block;margin:3px 0px 0px 0px;vertical-align:middle;}
.anOption li input[type="radio"]:checked {background: url(radio.png) no-repeat 0 0;}
.anOption li label{ font-size:20px;color: #888; margin-left:12px; float:left;vertical-align:middle;}
.anBtn{text-align: center;margin-top: 34px;}
.anBtn input{height: 58px;width: 344px;background: #ffcb53;border: 0;color: #fff;font-size: 30px;border-radius: 5px;}

.integralBox{position: absolute;width: 440px;height: 530px;left: 50%;top: 50%;margin-left: -220px;margin-top: -265px;background:url(jflq.png) no-repeat center;}
.integralBox .integralNum{margin: AUTO;margin-top: 310px;width: 210px;text-align: center;font-size: 35px;color: #fff;}

/*新加的样式*/
.a-innercon{ height:153px;}


/*抢答失败页面*/
.resultBox{background: url(qdt2.png) no-repeat center;width: 620px;overflow: hidden;}
.closeBtn{position: absolute;right: 12px;top: 12px;width: 35px;height: 35px;border: 0;border-radius: 35px;background:url(close.png) no-repeat center #fff;}
.anCon{ position:relative;padding-top: 30px;}/*新改的样式*/
.anCon .wTlist{width: 145px;background: #fff8e9;height: 282px;/*overflow-y: auto;*/position: absolute;right:1px;top:1px;border-radius: 0 0px 15px 0; padding:10px 0;}/*新改的样式*/
.wTlist li{ line-height:22px; height:22px; overflow:hidden;padding: 0 26px;font-size: 14px;color: #777;text-overflow: ellipsis;white-space: nowrap;}
.wTipsBox{width: 186px;margin: auto;}
.wrongTips{ padding-top:160px; background:url(wrongbg.png) no-repeat center 46px;}
.wrongTips span{display: block;font-size: 21px;line-height: 24px;text-align: center;}
.details{margin-top: 28px;}
.details a{display: block;width: 100%;border: 1px solid #feca52;text-align: center;height: 42px;line-height: 42px;font-size: 24px;border-radius: 5px;color: #feca52;}
.anOption .wrongInput input[type="radio"]{background:url(wicon.png) no-repeat center !important;}
.anOption .rightInput input[type="radio"]{background:url(ricon.png) no-repeat center !important;}
.anOption .noneChoice input[type="radio"]{background: url(nicon.png) no-repeat center !important;}
.anOption .wrongInput label{color: #e60b11;}
.anOption .rightInput label{color: #33bc73;}


/*新加的样式*/
#a-coursetop{ overflow:hidden; margin:0 0 15px;height: 282px;}

/*抢红包*/
#redrain{height: 100%;}
.canvas-box{position: fixed;left: 0;top: 0;z-index: -1;}
.redrainBox{background: url(redrain.png) center no-repeat;width: 702px;height: 750px;position: absolute;left: 50%;top: 50%;margin-left: -351px;margin-top: -375px;transform-origin: 50% 100%;-webkit-transform-origin: 50% 100%;}
.redrainBox .redrain-B{margin-top:642px;}
.redrainBox .redrain-B .redBtn{display:block;width:554px; height:100px;}

.openRedBox{position: absolute;width: 574px;height: 394px;left: 50%;top: 50%;margin-left: -287px;margin-top: -197px; background:url(redrain2.png) no-repeat center;display: none;}
.openRedBox .op-tips{margin-top: 202px;padding: 0 10px;font-size: 25px;text-align: center;color: #fff;}
.openRedBox .shareBtn{width: 380px;height: 68px;display: block;margin: auto;margin-top: 50px;}

/*签到*/
.SignIn .a-con{position: absolute;left:50%;bottom:50%; background:url(signin.png) no-repeat center;width: 329px;height: 226px; margin-left:-165px; margin-top:-113px;}
.SignIn .a-con .a-Num{ position:relative; width:auto; left:auto; top:auto;line-height: 94px;font-size: 25px;height: 74px;letter-spacing: 2px; margin-top:40px; font-size:25px;}

/*抽奖成功*/
.SuccessBox{width:520px;height: 800px;margin-top: -400px;margin-left: -260px;position: absolute;left: 50%;top: 50%;background: url(zjbg.png) no-repeat center;background-size: auto 100%;}
.SuccessBox .s-con{width:360px; padding:0 15px;margin: auto;margin-top: 430px;font-size: 25px;color:#fff1d9;height:180px;}/*新改的样式*/
.SuccessBox .s-btnBox{position: absolute;bottom:30px;left: 50%;width: 240px;height: 70px;margin-left: -120px;}
.SuccessBox .s-btnBox a{ display:block;background:url(ljlq.png) no-repeat center; height:100%; background-size:100%;}

/*抽奖失败*/
.FailBox{ width:488px; height:484px; position:absolute; left:50%; top:50%; margin-left:-244px; margin-top:-242px; background:url(cjsb.png) no-repeat center;}
.f-con{ width:488px; height:304px; margin-top:180px; position:relative;}
.f-btnBox{ position:absolute;left: 50%;margin-left: -75px;top:60%;}
.f-btnBox a{ display:block; width:142px; height:50px; background:url(fbtn.png) no-repeat center;}
.f-close{ position:absolute;right: -20px;top: -20px;width:50px; height:50px; background:url(closebtn.png) no-repeat center;}
@-webkit-keyframes shake2 {
	0% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		-webkit-transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-moz-keyframes shake2 {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-ms-keyframes shake2 {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}

.redrainBox.shake2{animation:shake2 .2s infinite linear;-webkit-animation:shake2 .2s infinite linear;}