@media screen and (orientation:portrait){.frame,.frame2{background:#fff;padding:15px;margin:10px;border-radius:10px;box-shadow:0 2px 5px #efefef}.frame-header{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #f7f8f9}.frame-header-title{flex:1;font-size:18px;font-weight:700;color:#444}.frame-header-btn{background:#28a9fc;color:#fff;font-size:14px;padding:4px 8px;border-radius:5px;margin-left:10px}.frame-header-btn:active{background:#229ae5}.title-inputer{font-size:18px}.detail-inputer,.title-inputer{color:#444;border:none;width:100%;margin-top:10px;border-bottom:1px solid #f7f8f9;padding-bottom:10px;background:none}.detail-inputer{font-size:16px;height:120px;resize:none}::-moz-placeholder{color:#ccc;font-weight:400}:-ms-input-placeholder{color:#ccc;font-weight:400}::placeholder{color:#ccc;font-weight:400}.functions{margin:10px 0;display:flex}.function-item-add{width:60px;margin-right:10px}.function-item-add:active{background:#f7f8f9}.function-item-name{color:#bdc6cf;font-size:14px;text-align:center}.function-item-img{width:100%}.answer-view{background:#fcfcfc;border-radius:10px;margin:20px 0;padding:10px 10px 0 10px;border:1px dashed #eee;position:relative}.answer-view-cancel{position:absolute;right:10px;top:10px;color:#aaa;font-size:13px}.answer-view-title{font-size:18px;color:#777;font-weight:700}.add-btns{flex-wrap:wrap;margin:10px 0}.add-btn,.add-btns{display:flex;align-items:center}.add-btn{width:32%;margin-right:2%;justify-content:center;background:#0dc05f;border-radius:5px;padding:8px 0;margin-bottom:10px}.add-btn:nth-of-type(3n){margin-right:0}.add-btn:active{background:#0aa751}.add-btn-icon{width:18px;height:18px}.add-btn-name{color:#fff;font-size:14px;margin-left:5px}.questions{margin:10px 0}.question{border-bottom:1px solid #f7f8f9;padding:20px 0}.question-header{display:flex;align-items:center;padding-bottom:10px}.question-inputer-num{font-weight:700}.question-inputer-num,.question-inputer-point{background:#fcfcfc;border-radius:5px;border:1px solid #f2f2f2;text-align:center;font-size:14px;color:#333;width:50px;line-height:24px}.question-num-dot{font-size:14px;font-weight:700;color:#333;margin:0 5px}.question-num-point{font-size:12px;color:#aaa;margin:0 5px}.question-remove{width:20px;height:20px;margin-left:10px}.question-content{display:flex;align-items:center}.question-content-text{flex:1;background:#fcfcfc;border-radius:5px;border:1px solid #f2f2f2;font-size:14px;color:#333;height:34px;padding:5px;resize:none}.question-content-img{margin-left:10px;width:46px;height:46px}.question-options{margin-top:10px}.question-option{display:flex;align-items:center;padding:5px 0}.question-option-add{padding:5px 0;text-align:center;font-size:14px;color:#28a9fc}.question-option-check{width:36px;height:36px;border-radius:50%;border:1px solid #28a9fc;text-align:center;line-height:36px;font-size:24px;color:#28a9fc;margin-right:10px}.question-option-check.square{border-radius:5px}.question-option-check.checked{background:#28a9fc;color:#fff}.question-option-title{background:#fcfcfc;border-radius:5px;border:1px solid #f2f2f2;font-size:14px;color:#333;flex:1;margin-right:10px;line-height:30px}.question-option-img{width:32px;height:32px}.question-option-delete{width:24px;height:24px;margin-left:5px}}@media screen and (orientation:landscape){.flex-view{display:flex}.frame{flex:0.4}.frame,.frame2{background:#fff;padding:15px;margin:10px;border-radius:10px;box-shadow:0 2px 5px #efefef}.frame2{flex:0.6}.frame-header{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #f7f8f9}.frame-header-title{flex:1;font-size:18px;font-weight:700;color:#444}.frame-header-btn{background:#28a9fc;color:#fff;font-size:14px;padding:4px 8px;border-radius:5px;margin-left:10px}.frame-header-btn:active{background:#229ae5}.title-inputer{font-size:18px}.detail-inputer,.title-inputer{color:#444;border:none;width:100%;margin-top:10px;border-bottom:1px solid #f7f8f9;padding-bottom:10px;background:none}.detail-inputer{font-size:16px;height:120px;resize:none}::-moz-placeholder{color:#ccc;font-weight:400}:-ms-input-placeholder{color:#ccc;font-weight:400}::placeholder{color:#ccc;font-weight:400}.functions{margin:10px 0;display:flex}.function-item-add{width:60px;margin-right:10px}.function-item-add:active{background:#f7f8f9}.function-item-name{color:#bdc6cf;font-size:14px;text-align:center}.function-item-img{width:100%}.answer-view{background:#fcfcfc;border-radius:10px;margin:20px 0;padding:10px 10px 0 10px;border:1px dashed #eee;position:relative}.answer-view-cancel{position:absolute;right:10px;top:10px;color:#aaa;font-size:13px}.answer-view-title{font-size:18px;color:#777;font-weight:700}.add-btns{flex-wrap:wrap;margin:10px 0}.add-btn,.add-btns{display:flex;align-items:center}.add-btn{width:100px;margin-right:10px;justify-content:center;background:#0dc05f;border-radius:5px;padding:8px 0;margin-bottom:10px}.add-btn:active{background:#0aa751}.add-btn-icon{width:18px;height:18px}.add-btn-name{color:#fff;font-size:14px;margin-left:5px}.questions{margin:10px 0}.question{border-bottom:1px solid #f7f8f9;padding-bottom:10px}.question-header{display:flex;align-items:center;padding-bottom:10px}.question-inputer-num{font-weight:700}.question-inputer-num,.question-inputer-point{background:#fcfcfc;border-radius:5px;border:1px solid #eee;text-align:center;font-size:14px;color:#333;width:50px;line-height:24px}.question-num-dot{font-size:14px;font-weight:700;color:#333;margin:0 5px}.question-num-point{font-size:12px;color:#aaa;margin:0 5px}.question-remove{width:20px;height:20px;margin-left:10px}.question-content{display:flex;align-items:center}.question-content-text{flex:1;background:#fcfcfc;border-radius:5px;border:1px solid #eee;font-size:14px;color:#333;height:34px;padding:5px;resize:none}.question-content-img{margin-left:10px;width:46px;height:46px}.question-options{margin-top:10px}.question-option{display:flex;align-items:center}.question-option-check{width:36px;height:36px;border-radius:50%;border:1px solid #28a9fc;text-align:center;line-height:36px;font-size:24px;color:#28a9fc}.question-option-title{background:#fcfcfc;border-radius:5px;border:1px solid #eee;font-size:14px;color:#333;flex:1;margin:0 10px;line-height:30px}.question-option-img{width:32px;height:32px}.question-option-delete{width:24px;height:24px;margin-left:5px}}