.helper {color: #5092ff;}
.hide {display: none;}
.red {color: #FF0C0C;}
.blue {color: #5092FF;}

/* icon */
.icon {display: inline-block;width: 12px;height: 12px;line-height: 12px;cursor: pointer;background-repeat: no-repeat;background-position: center;}
.icon.icon-delete-image {display: none;position: absolute;right: 4px;top: 4px;background-color: white;background-image: url('../../assets/btn_login_guanbi.png')}

/* progress */
.file-upload-progress {width: 240px;height: 10px;padding: 2px;border-radius: 2px;color: #fff;background-color: #eee;position: absolute;display: none;}

.tip {font-size: 12px;font-family: Microsoft YaHei;font-weight: normal;color: #999;margin-top: 5px;margin-left: 160px;}
.content-row {width: 1202px;display: flex;justify-content: space-between;}
.help-banner {margin-top: 20px;padding: 10px;background: white;width: 100%;}
.help-left {margin-top: 20px;margin-bottom: auto;width: 300px;padding: 20px;background-color: white;}
.help-left > ul {list-style: none;padding: 0;margin: 0;}
.help-left > ul > li {margin-bottom: 10px;}
.help-left > ul > li > a.select-down {display: flex;align-items: center;position: relative;font-weight: bold;font-size: 18px;color: #333;cursor: pointer;}
.help-left > ul > li > a.select-down > img {margin-right: 4px;}
.help-left > ul > li > a.select-down > i {position: absolute;right: .625em;}
.help-left > ul > li > a.select-down > i.up {transform: rotate(180deg);}
.help-left > ul > li > ul.down-list {display: none;list-style: none;padding-left: 0;}
.help-left > ul > li > ul.down-list > li.down-item {margin: 10px auto;cursor: pointer;padding: 3px 30px;}
.help-left > ul > li > ul.down-list > li.down-item.active {background: #e4e6e9;}
.help-left > hr {background: none repeat scroll 0 0 #d5d5d5;border: thin none;height: 1px;}
.help-left > .feedback {display: flex;align-items: center;position: relative;font-weight: bold;font-size: 18px;color: #333;cursor: pointer;}
.help-right {margin-top: 20px;width: 882px;padding: 20px;background-color: white;}
.help-right > .help-wrapper {}
.help-right > .help-wrapper > hr {background: none repeat scroll 0 0 #d5d5d5;border: thin none;height: 1px;}
.help-right > .help-wrapper > .help-title {font-size: 24px;font-weight: bold;color: #000;}
.help-right > .help-wrapper > .help-content {margin-top: 10px;}
.help-right > .help-wrapper > .help-content img {max-width: 100%;}
.help-right > .feedback-wrapper {}
.help-right > .feedback-wrapper .feedback-title {font-size: 22px;font-weight: bold;}
.help-right > .feedback-wrapper .form-item {display: flex;align-items: center;margin-top: 20px;}
.help-right > .feedback-wrapper .form-item > .left-label {width: 140px;text-align: right;font-size: 16px;font-weight: normal;margin-right: 20px;}
.help-right > .feedback-wrapper .form-item > .right-input {display: flex;align-items: center;}
.help-right > .feedback-wrapper .form-item > .right-input > label {margin: auto 10px auto 0;font-weight: normal;}
.help-right > .feedback-wrapper .form-item > .right-input > textarea {width: 480px;height: 100px;background: #F7F7F7;border: 1px solid #eee;border-radius: 3px;padding: 10px;outline: none;}
.help-right > .feedback-wrapper .form-item > .right-input > input,
.help-right > .feedback-wrapper .form-item > .right-input > select {width: 480px;background: #F7F7F7;border: 1px solid #eee;border-radius: 3px;padding: 10px;outline: none;}
.help-right > .feedback-wrapper .form-item > .right-input > .image-content {display: flex;position: relative;}
.help-right > .feedback-wrapper .form-item > .right-input > .image-content > .image-item {position: relative;margin-right: 10px;width: 80px;height: 80px;border-radius: 3px;}
.help-right > .feedback-wrapper .form-item > .right-input > .image-content > .image-item:hover > .icon.icon-delete-image {display: block;}
.help-right > .feedback-wrapper .form-item > .right-input > .image-content > .image-item > img {border-radius: 3px;cursor: pointer;}
.help-right > .feedback-wrapper .form-item > .right-input > .image-content > .upload-button {display: flex;position: relative;justify-content: center;align-items: center;width: 80px;height: 80px;cursor: pointer;background: #F7F7F7 url('../../assets/icon/icon_add_image.png') no-repeat left top / 80px;border-radius: 3px;}
.help-right > .feedback-wrapper .form-button {display: flex;align-items: center;justify-content: center;height: 100px;margin-top: 40px;}
.help-right > .feedback-wrapper .form-button > .item {width: 100px;height: 36px;background: #5092ff;border-radius: 2px;margin: 20px;text-align: center;line-height: 36px;color: #fff;cursor: pointer;}
.help-right > .feedback-wrapper .form-button > .item.cancel-button {background: #eee;color: #666;}