/*习题弹层*/
.question-shadow-view{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%; min-height: 400px; background-color: rgba(255,255,255,0.99);display: flex; flex-direction: column;border-radius: 5px;z-index: 100001;}
.question-close-view{width: 68px;height: 30px;margin-left: calc(100% - 68px - 10px);background-color: #ffc200;border-radius: 20px;margin-top: 8px;margin-bottom: 8px;display: flex;justify-content: center;align-items: center;color: white;cursor: pointer;}
.question-exercise-view{width: 100%;flex: 1;display: flex;}
.question-submit-view{width: 90%;height: 35px;margin-left: 5%;border-radius: 23px;background-color: #ffc200;border-width: 1;border-color: #ffc200;margin-top: 8px;margin-bottom: 8px;display: flex;justify-content: center;align-items: center;color: white;display: none;cursor: pointer;}

/*选择题*/
.choice-problem-view{width: calc(100% - 30px);margin:10px 15px;flex:1; display: flex;flex-direction: column;}
.choice-exercise-view{width: 100%; display: flex; flex-direction: column; flex: 1; overflow: scroll;margin-bottom: 10px;}
.choice-question-view{width: 100%;}
.choice-question-view-title{color: #41403E;line-height: 30px;font-size: 15px;}
.choice-question-view-imgs{display: flex;flex-direction: row;flex-wrap: wrap; overflow: auto;max-height: 200px;}
.choice-question-view-img{width: 90%;max-height: 150px;margin-top: 5px;margin-right: 5px;overflow: auto;}
.choice-question-view-img img{max-width: 100%; max-height: 100%;}
.choice-options{margin-top: 20px;}
.choice-option{margin-bottom: 10px;padding: 10px;min-height: 40px;display: flex;justify-content: center;flex-direction: row;}
.choice-option-unselect{background-color: #EEEEEE;color: #41403E;}
.choice-option-select{background-color: #25CB83;color: white;}
.choice-option-letter{margin-right: 5px;line-height: 25px;font-size: 15px;}
.choice-option-view{display: flex;flex: 1;flex-direction: column;}
.choice-option-view-title{line-height: 25px;font-size: 15px;}
.choice-option-view-imgs{display: flex;flex-direction: row;flex-wrap: wrap;overflow: auto;max-height: 200px;}
.choice-option-view-img{width: 90%;max-height: 150px;margin-top: 5px;margin-right: 5px;overflow: auto;}
.choice-option-view-img img{max-width: 100%; max-height: 100%;}

/*填空题*/
.blank-problem-view{width: 100%;display: flex;flex: 1;flex-direction: column;}
.blank-exercise-view{display: flex;flex: 1;flex-direction: column; overflow: scroll;margin-bottom: 10px;}
.blank-question-view{margin-left: 15px;margin-right: 15px;}
.blank-question-view-title{color: #41403E;line-height: 35px;}
.blank-question-options{background-color: #EEEEEE;padding: 20px 15px;margin-top: 20px;display: flex;flex-direction: row;flex-wrap: wrap;}
.blank-question-option{margin-bottom: 10px;margin-right: 10px;padding-left: 10px;padding-right: 10px;height: 35px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.blank-question-option-exist{background-color: #25cb83;color:white;cursor: pointer;}
.blank-question-option-blank{width: 25px;height: 35px;background-color: white;border:solid 1px #25cb83;}
.blank-question-option-title{height: 35px;line-height: 35px;}
.blank-question-option-title-select{color: white;}
.blank-question-actions{margin: 20px;display: flex;flex-direction: row;flex-wrap: wrap;flex: 1;align-items:flex-end;justify-content: center;}
.blank-question-action{padding-left: 10px;padding-right: 10px;margin-right: 10px;margin-bottom: 10px;height: 35px;display: flex;justify-content: center;align-items: center;background-color: #25cb83;}
.blank-question-action-select{background-color: #25cb83;cursor: pointer;}
.blank-question-action-unselect{background-color: #eeeeee;width: 25px;}
.blank-question-action-title{line-height: 35px;color: white;}

/*顺序题*/
.sequence-problem-view{width: 100%;display: flex;flex: 1;flex-direction: column;}
.sequence-exercise-view{display: flex;flex: 1;flex-direction: column; overflow: scroll;margin-bottom: 10px;}
.sequence-question-view{margin-left: 15px;margin-right: 15px;margin-top: 15px;}
.sequence-question-view-title{color: #41403e;line-height: 35px;font-size: 16px;}
.sequence-question-view-number{width: 25px;height: 25px;background: #4c4c4c;border-radius: 12.5px;display: inline-block;color: white;text-align: center;margin-right: 5px;}
.sequence-question-view-imgs{display: flex;flex-direction: row;flex-wrap: wrap;overflow: auto;max-height: 200px;}
.sequence-question-view-img{width: 90%;max-height: 150px;margin-top: 5px;margin-right: 5px;overflow: auto;}
.sequence-question-view-img img{max-width: 100%; max-height: 100%;}
.sequence-question-options{margin-top: 20px;margin-bottom: 40px;min-height: 200px;display: flex;flex: 1;flex-direction: column;justify-content: center;}
.sequence-question-option{padding: 10px;background-color: #f8f8f8;border-bottom: solid 1px #eee;min-height: 40px;display: flex; flex-direction: row;justify-content: space-between;align-items: center;}
.sequence-question-option-ghost{visibility: hidden;}
.sequence-question-option-chosen{background-color: #f8f8f8;}
.sequence-question-option-view{display: flex;flex: 1;}
.sequence-question-option-view-title{font-size: 16px;line-height: 25px;color: #41403e;}
.sequence-question-option-imgs{flex-direction:row;flex-wrap:wrap;overflow: auto;max-height: 200px;}
.sequence-question-option-img{width: 90%;max-height: 150px;margin-top: 5px;margin-right: 5px;overflow: auto;}
.sequence-question-option-img img{max-width: 100%; max-height: 100%;}
.sequence-question-option-move{width: 30px;height: 30px;}


/*展示结果*/
.answer-view{border-top: solid 1px #dbdbdb;padding-top: 20px;margin:0 20px;padding-bottom: 20px; position: relative;}
.answer-view-right{display: flex;flex-direction: row;align-items: center;}
.answer-view-right-label{font-size: 13px;}
.answer-view-right-text{font-size: 13px;margin-left: 10px;color: #FFC200;}
.answer-view-your{display: flex;flex-direction: row; align-items: center; margin-top: 10px;}
.answer-view-your-label{font-size: 13px;}
.answer-view-your-text{font-size: 13px;margin-left: 10px;color: #A3A3A3;}
.answer-view-result-red{position: absolute;top: 20px;right: 0px;border:solid 2px red;padding: 5px;display: flex;justify-content: center;align-items: center;}
.answer-view-result-red-text{font-size: 16px;color: red;}
.answer-view-result-blue{position: absolute;top: 20px;right: 0px;border:solid 2px blue;padding: 5px;display: flex;justify-content: center;align-items: center;}
.answer-view-result-blue-text{font-size: 16px;color: blue;}


/*  颁发证书  */
.issueCertificateShadowView{z-index:250;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.5);}
.issueCertificateView{background-color: white; width: 80%;/* height: 60%; */border-radius: 25px;display: flex;flex-direction: column;overflow: hidden;}
.issueCertificateView .cerTopView{width: 100%;/* height: 300rpx; *//* background-color: blue; */position: relative;}
.issueCertificateView .cerTopView .cerImg{width: 100%;height: 100%;/* background-color: orange; */z-index: 101;}
.issueCertificateView .cerTopView .cerContentView{position: absolute;z-index: 102;left: 0;right: 0;top: 46.4%;padding-bottom: 10px;width: 100%;/* background-color: red; */display: flex;flex-direction: column;align-items: center;justify-content: center;}
.issueCertificateView .cerTopView .cerText{color: #414141;font-size: 15px;}
.issueCertificateView .cerTopView .cerName{color: #414141;font-size: 22px;margin-top: 5px;margin-bottom: 5px;}
.issueCertificateView .cerTopView .cerDesc{color: #414141;font-size: 18px;}
.issueCertificateView .cerTopView .cerDetail{color: #414141;font-size: 13px;}
.issueCertificateView .cerBtnView{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: 5px;margin-bottom: 5px;}
.issueCertificateView .cerBtnView .cerInputName{width: 80%;height: 40px;border-radius: 4px;border: solid 1px #CCCCCC;color: #41403E;font-size: 15px;display: flex;justify-content: center;align-items: center;margin-top: 10px;margin-bottom: 10px;}
.issueCertificateView .cerBtnView .cerInputName input{text-align: center;border: none;}
.issueCertificateView .cerBtnView .cerInputName .inputPlaceHolder{color: #BCBCBC;}
.issueCertificateView .cerBtnView .cerGet{width: 80%;height: 40px;border-radius: 4px;background-color: #FFC200;color: white;display: flex;justify-content: center;align-items: center;margin-top: 10px;margin-bottom: 10px;font-size: 15px;}
.issueCertificateView .cerBtnView .cerGet.issue,.issueCertificateView .cerBtnView .cerGet.look{display: none;}


/*颁发证书和奖学金*/
.scholar-certificate-shadow-view{z-index:250;position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex; justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.5);display: none;}
.scholar-certificate-view{display: flex;justify-content: center;align-items: center;position: relative; width: 75%;}
.scholar-certificate-view.scholar{width: 27.9%;}
.scholar-certificate-view.certificate{width: 47.1%;}
.shcolar-certificate-view.scholar-certificate{width: 75%;}
.scholar-certificate-view-main{position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: flex;flex-direction: row;}
.scholar-view{width:calc(37.2% - 40px); height: calc(100% - 40px);display: flex;flex-direction: column; align-items: center; justify-content: space-around; padding: 20px;display: none;}
.scholar-view.scholar{width:calc(100% - 40px);}
.shcolar-view.scholar-certificate{width: calc(37.2% - 40px);}
.scholar-view .title1{font-size: 16px;color: white;margin-bottom: 10px;}
.scholar-view .title2{font-size: 18px;color: white;margin-bottom: 10px;}
.scholar-view .title3{font-size: 14px;color: white; text-align: center; max-width: 80%;line-height: 25px;}
.scholar-view .title4{font-size: 14px;color: white; text-align: center;}
.scholar-view .borderDot{border: dotted 1px white;padding: 10px 25px; font-size: 16px;}
.scholar-view .scholar-qrcode{width: 120px;height: 120px;margin-bottom: 20px;margin-top: 20px;background-color: white;display: flex;justify-content: center;align-items: center;}
.scholar-view .scholar-submit{background-color: white;border-radius: 5px;padding: 5px 15px;font-size: 14px;color: #6FA6F6;display: none;cursor: pointer;}
.certificate-view{width: calc(62.8% - 40px); height: calc(100% - 40px);padding: 20px;display: flex;align-items: center;justify-content: space-around;flex-direction: column;display: none;}
.certificate-view.certificate{width: calc(100% - 40px);}
.certificate-view.scholar-certificate{width: calc(62.8% - 40px);}
.certificate-view .title1{font-size: 18px;color:white;}
.certificate-view .title2{font-size: 16px;color: white;}
.certificate-view .icon{width:50%; display: flex;justify-content: center;align-items: center;}
.certificate-view .title3{font-size: 15px;color: white;text-align: center;}
.certificate-view .certificate-issue-view{width: 80%;height: 30px;display: none;}
.certificate-view .certificate-issue-view .nickname-view{width:calc(100% - 80px); height: 100%; float: left; font-size: 14px; background-color: white;border-radius: 5px 0 0 5px; overflow: hidden;}
.certificate-view .certificate-issue-view .nickname-view input{border:none; padding: 5px;height: calc(100% - 10px); width: calc(100% - 10px); font-size: 14px;}
.certificate-view .certificate-issue-view .certificate-submit{width: 80px;height:100%;background-color: #FFB400;color: white;text-align: center;border-radius: 0 5px 5px 0;float: right;line-height: 30px;cursor: pointer;}
.certificate-view .certificate-continue{color: white;font-size: 15px; position: absolute;right: 20px;bottom: 20px;display: none;cursor: pointer;}
.scholar-certificate-view-main .close{position: absolute;top: 10px;right: 15px;width: 25px;height: 25px;cursor: pointer;}
.certificate-view .certificate-save{font-size: 15px;background-color: white;color: #6383ED;padding: 3px 8px;border-radius: 20px;margin-bottom: 25px;cursor: pointer;}
.certificate-img-placeholder{display: none; width: 90%; display: flex;justify-content: center;align-items: center;}
.certificate-img{display: none; width: 90%; display: flex; justify-content: center; align-items: center;}
.certificate-img-placeholder>img{max-width: 100%;max-height: 100%;}
.certificate-img>img{max-width: 100%;max-height: 100%;}


/*新手引导*/
.new-user-intro{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;background-color:rgba(0,0,0,0.5)}
.new-user-help{position: absolute;left: calc(33% - 90px);height:55px;background-color:rgb(242,160,27);width:90px;border-radius:20px;align-items:center;justify-content: center;display: flex;}
.new-user-action{position: absolute; bottom: calc(1% + 30px);left: 33%;transform: translateX(-100%); height: 50px;background: #fff5e2;border-radius: 20px;display: flex;justify-content: flex-end;align-items: center;padding: 0 20px;}
.new-user-action-text{height: 30px;background: orange;display: inline-block;border-radius: 5px 5px 0 5px;line-height: 30px;color: #3a3a3a;padding-left: 15px;padding-right: 15px;font-size: 16px;}
.new-user-help-img{position: absolute;left: 33%;top: 25px;}
.new-user-action-img{position: absolute;left: 33%;bottom: calc(1% + 30px);height: 100px;}
.new-user-btn{height: 70px;position: absolute;left: calc(50% - 100px);top: calc(50%);transform: translateY(-50%);}


/******************红钻购买结果的样式*********************/
/* 红钻购买成功之后的弹窗 */
.buy-red-diamond-success-box-mask{width: 100%;height: 100%;background:rgba(0,0,0,0.4);position: fixed;top:0;left:0;z-index: 999;display:none;}
/* 针对paybox对于不同分辨率的调整 */
@media screen and (max-width: 1366px) { /*当像素小于1366px时，应用下面的CSS样式*/
	.buy-red-diamond-success-box-mask .success-message-box {position:relative;left:44.930%;top:18.472%;width:305px;height:222.92px;background:#FFF;border-radius:20px;text-align:center;overflow:hidden;}
	.success-message-box .success-p-img{height:47px;line-height:47px;margin-top:31.3px;}
	.success-message-box .success-p-img img{width:47px;}
	.success-message-box .success-p-message{height:18px;line-height:18px;font-size:18px;margin-top:34.15px;color:#616161}
	.success-message-box .success-p-message img{width:20.86px;}
	.success-message-box .success-button{height:37.94px;width:146.08px;background:rgb(255,194,0);border-radius:20px;font-size:18px;color:#4D4D4D;margin-top:35.09px;}
}
@media screen and (min-width: 1367px) { /*当像素大于1366px时，应用下面的CSS样式*/
	.buy-red-diamond-success-box-mask .success-message-box {position:relative;left:44.930%;top:18.472%;width:322px;height:235px;background:#FFF;border-radius:20px;text-align:center;overflow:hidden;}
	.success-message-box .success-p-img{height:50px;line-height:50px;margin-top:33px;}
	.success-message-box .success-p-img img{width:50px;}
	.success-message-box .success-p-message{height:18px;line-height:18px;font-size:18px;margin-top:36px;color:#616161}
	.success-message-box .success-p-message img{width:22px;}
	.success-message-box .success-button{height:40px;width:154px;background:rgb(255,194,0);border-radius:20px;font-size:18px;color:#4D4D4D;margin-top:37px;}
}
/* 红钻购买失败之后的弹窗 */
.buy-red-diamond-fail-box-mask{width: 100%;height: 100%;background:rgba(0,0,0,0.4);position: fixed;top:0;left:0;z-index: 999;display:none;}
/* 针对paybox对于不同分辨率的调整 */
@media screen and (max-width: 1366px) { /*当像素小于1366px时，应用下面的CSS样式*/
	.buy-red-diamond-fail-box-mask .fail-message-box {position:relative;left:44.930%;top:18.472%;width:305px;height:222.92px;background:#FFF;border-radius:20px;text-align:center;overflow:hidden;}
	.fail-message-box .fail-p-img{height:47px;line-height:47px;margin-top:30.355px;}
	.fail-message-box .fail-p-img img{width:47px;}
	.fail-message-box .fail-p-message{margin-top:19.92px;color:#616161;height:47px;}
	.fail-message-box .fail-p-message p{height:18px;line-height:18px;font-size:18px;}
	.fail-message-box .fail-p-message p:nth-child(2){padding:11px;}
	.fail-message-box .fail-button{height:37.94px;width:146.08px;background:rgb(255,194,0);border-radius:20px;font-size:18px;color:#4D4D4D;margin-top:18.023px;}
}
@media screen and (min-width: 1367px) { /*当像素大于1366px时，应用下面的CSS样式*/
	.buy-red-diamond-fail-box-mask .fail-message-box {position:relative;left:44.930%;top:18.472%;width:322px;height:235px;background:#FFF;border-radius:20px;text-align:center;overflow:hidden;}
	.fail-message-box .fail-p-img{height:50px;line-height:50px;margin-top:32px;}
	.fail-message-box .fail-p-img img{width:50px;}
	.fail-message-box .fail-p-message{margin-top:21px;color:#616161;height:50px;}
	.fail-message-box .fail-p-message p{height:18px;line-height:18px;font-size:18px;}
	.fail-message-box .fail-p-message p:nth-child(2){padding:11px;}
	.fail-message-box .fail-button{height:40px;width:154px;background:rgb(255,194,0);border-radius:20px;font-size:18px;color:#4D4D4D;margin-top:19px;}
}


/***********每日复习*/
.review-alert-shadow-view{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.5);display: flex; flex-direction: column; justify-content: center;align-items: center; border-radius: 5px;z-index: 100001;display: none;}
.review-alert-view{width: 70%;background-color: white;border-radius: 13px;}
.review-alert-top-view{width: 100%;position: relative;min-height: 140px;}
.review-alert-top-view img{width: 100%; border-radius: 13px 13px 0 0;}
.review-alert-top-view .label-view{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;}
.review-alert-top-view .label-view .label{font-size: 13px;color: #414141;margin-bottom: 10%;}
.review-alert-btn-view{margin: 13px;display: flex;justify-content: space-between;flex-direction: row;align-items: center;height: 30px;border-radius: 0 0 13px 13px;}
.review-jump{flex: 1;margin-right: 13px;background: #E7E7E7;border-radius: 4px;font-size: 13px;height: 100%;color: #AFAFAF; display: flex;justify-content: center;align-items: center;cursor: pointer;}
.review-go{flex: 1;border-radius: 4px;background: #FFC200;font-size: 13px;height: 100%; color: #414141; display: flex;justify-content: center;align-items: center;cursor: pointer;}
.dailyReview{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%; min-height: 400px; background-color: rgba(255,255,255,0.99);display: flex; flex-direction: column;border-radius: 5px;z-index: 100001;display: none;}


/***********免费体验课程结束时的弹框*/
.freecourse-alert-shadow-view{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.5);display: flex; flex-direction: column; justify-content: center;align-items: center; border-radius: 5px;z-index: 100001;display: none;}
.freecourse-alert-view{width: 30%;background-color: white;border-radius: 13px;}
.freecourse-close-view{margin-top: 10px;margin-right: 10px;display: flex;flex-direction: row;justify-content: flex-end;}
.freecourse-close-view img{width: 24px;height: 24px;cursor: pointer;}
.freecourse-icon-view{height: 150px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.freecourse-icon-view img{max-width: 100%;max-height: 100%;}
.freecourse-title{font-size: 15px;color: #606060;margin-top: 20px;margin-bottom: 10px;text-align: center;}
.freecourse-desc-view{font-size: 15px;color: #606060;text-align: center;}
.freecourse-desc-view .freecourse-name{}
.freecourse-desc-view .freecourse-zuan-price{color: #F48627;}
.freecourse-continue{height: 40px;width: 80%;background: #F48627;border-radius: 25px;margin-left: 10%;display: flex;justify-content: center;align-items: center;color: white;font-size: 15px;margin-top: 15px;margin-bottom: 15px;cursor: pointer;}