/*习题弹层*/
.question-shadow-view{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%; background-color: rgba(255,255,255,0.99);border-radius: 5px;z-index: 100001;}
.question-wrapper{display: flex; flex-direction: column; width:100%; height:100%;}
.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;overflow: auto;}
.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; 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;}
.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;}
.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; 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; align-content: flex-end;}
.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; min-width: 25px;}
.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; 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;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;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;}