.problem:first-child{
    display: block;
}
.problem:nth-child(2){
    /* display: block; */
}
.problem {
    margin-bottom: 60px;
    display: none;
}

.problem .select-title {
    margin-bottom: 20px;
    position: relative;
}

.problem .select-cascader {
    font-size: 16px;
    margin-top: 20px;
    position: relative;
}

.problem .select-cascader .placeholder {
    /* height: 64px; */
    cursor: pointer;
    line-height: 19px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    transition: all 0.3s ease;
    padding: 22px 0 22px 20px;
    border: 01px solid rgba(0, 0, 0, 0.1);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcBAMAAACAI8KnAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMAFxkbRU0EZ57qAAAAVElEQVQY02NgGDAg4gShVRzBlGuoAYhiDg2BcoNBlCmUqxoKkmYODQ1igKgCSZuGQvRAWBAxuDRCEiyNkARLI0mCpYORHMaMIgmUDkZxN7MBnQMKAGKOElU5ZFlPAAAAAElFTkSuQmCC) no-repeat calc(100% - 20px) center;
    background-size: 14px;
}

.problem .select-cascader .selected {
    color: #000;
}

.problem .select-cascader .active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeBAMAAADN62OsAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMAFxkbRU0EZ57qAAAAT0lEQVQY02NgGEyA2QCFaxqMIhkaiixtGhoajCKJLG0K4gYjSQabIqRBTGa4NIQFl1YFM4CCQWCuK0SZaWgIlGsA0QPhijhBzFBxHLgwAwCtUxJVAiFBcgAAAABJRU5ErkJggg==);
}

.problem .cascader-box {
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: 8px;
    background-color: #fff;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 6%)
}

.problem .cascader-box .active {
    background-image: none;
}

.problem .cascader-box .parent-list {
    display: flex;
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: border-box;
    align-items: center;
    height: 46px;
    line-height: 1.5;
    position: relative;
}

.problem .cascader-box .parent-list::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.problem .cascader-box .parent-list .parent-item {
    user-select: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    height: 46px;
    line-height: 46px;
    color: #000;
    opacity: 0.6;
}

.problem .cascader-box .parent-list .not-allowed {
    cursor: not-allowed;
}

.problem .cascader-box .parent-list .active {
    opacity: 1;
}

.problem .cascader-box .parent-list .active::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0;
    height: 2px;
    background: #56d085;
}

.problem .cascader-box .parent-list .parent-item:first-child {
    margin-right: 64px;
}

.problem .cascader-box .panel .cascader-panel {
    padding-right: 24px;
    padding-left: 24px;
    box-sizing: border-box;
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
}

.problem .cascader-box .panel .cascader-panel .list {
    padding: 20px 0 16px;
}

.problem .cascader-box .panel .cascader-panel .list .list-item {
    padding-top: 24px;
    cursor: pointer;
    line-height: 20px;
}

.list-item span {
    transition: all 0.3s ease;
    color: rgba(0, 0, 0, 0.6);
    display: inline-block;
    padding: 8px 18px;
}

.problem .cascader-box .panel .cascader-panel .list .active .span {
    color: #000;
    background: rgba(0, 0, 0, 0.04);
}

.choice {
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    margin-bottom: 60px;
}

.choice .radio-box {
    display: flex;
    flex-direction: column;
}

.choice .radio-box label {
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /* min-height: 0.24rem; */
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    padding: 1px 0 1px 34px;
}

.choice .radio-box label:not(:last-of-type) {
    margin-bottom: 20px;
}

.choice .radio-box label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 100%;
    transition: all 0.3s ease;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzJYIvAAAAFXRSTlMAAQIDBAYHCQsMDQ4REhMUFhcYGRq3+ss0AAABAklEQVRIx92VyxKDIAxFK/hAtIpw/v9bu7BjqTycuGuzC3NJbsIleTz+0tpxXrcQtnUe22u0nhyRuUlX4coGThasKuMHT8b8UIA39o1YTN8q1fZmeR/YJot/7vFMREGZPeezKeLPjJUt3bAAvksjdR7AJvUCuGwPtQM4Va484As91x7wKiXUldrdJaR0yNH8jhfi/FOaM2U8RQcOMDXNGMBF+gRQVZEBfLQ7AktdxQswHt58xWjnNB/eCvT1Cz2wHt72RTD/DYHt8MJVzXvV4f4FMSVx0eK2ih9OLA2x+OTyFn8g8ReVDwHxmJEPMvmoFA9j+biXL5QbK0u+FG+s3V+0F++OI3V0rEYbAAAAAElFTkSuQmCC) no-repeat left top;
    background-size: 24px;
}

.choice .radio-box label.active::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAeFBMVEUAAAAAAACAgIAAAAAAAAAAAAAzmWYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGazkGbDkGazkFazkFazgFazkEazkEajgrjlUuAAAAJ3RSTlMAAQIDBAUFBwkLDBEUGSAhIyYnKDI0ODpAQkZHSktMTVFViqXZ3PNYL+rwAAABXklEQVRIx91V2ZaCMAx1KYKI7IJsArL9/x9OkyAyFGdOeJvJU5veS28W0t3uX9rZDeMkz5M4dM+/o/XgXs7sHug/woWflwvLffEZf83KFcuuH+B7nwCPyLFMIUzLiR7k8fdr+OMND1Nbe/s0O0Xn7bjyfcQX3kKx8ApkqHegnvSifumCl/hKvJhEY02rgYleRC4gP6mxng0D7siEIqh46TnVTdv3bVOfXqqKpSgd6uWNm6obRuuq0eVBBec1D0AQ3Xl4DjN7HkgxiApmBAjLpuU3vGSQ14aUzPoT6kv1qoaFkSoNav7uXVfuIoq3WxI6ijySEHcihHLn4KoeFKvxwJGQcCLEcmfhqlEJDR5YEhJPhETuTFy1KqHFA1NCkokAVaCk9iqhp8RCJbYT2JLYQbPTyi4cuzXYzcdvb/YPxP5F+UOAPWb4g4w/KtnDmD/u+Q/KhieL/yhueHb/on0BFGppyU5VatYAAAAASUVORK5CYII=);
}

.choice .radio-box .icon-hover,.icon-hover-wap {
    cursor: pointer;
    height: 24px;
    width: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAAAAAByaaZbAAABZUlEQVRIx+2VMUvDQBTH/0uhlYhgBCGEjpdVHCSjWR0y9GsEndwKWV3cXISAXyCD4HAgLnF0ia5ZguBWBKFx0NL0rL30cpZc0ziWviF5747f8d67996BNRRsgPUBYt8hmkYcP14JCC0IscJaILUB06NJliXUMwE7XQ5EOoxgPLfGgQE9WgZELbhDeWHoohWpgVTHWf73wPwUeqoEbLj5YpC5C1sFhDC4Px99q7N78lx4ZSBUABaC2T87ALYAjfLlAFY1EMPk+blE94W9HWF/xHNlIq4EfHhcGfTvpl8KJNz24FcCDqgc3S3wzjUKpxIg8xNn8n2Mw0JNQCoBDZmUzR7aT4WeQasHrtC+ZwLYrnXpawc3wlC5JAcdo1tuqIIWaZ3K416v3FClVVzcgigvTpTGr7yOhKosjbL4GLsGmbDa4pPK+xydz/rylhpocPGwSgM1btHmQ6D5mGk+yP4xKjcv0HoCP0cJK3ccvdLLAAAAAElFTkSuQmCC) no-repeat center/contain;
    background-size: cover;
}
.icon-hover-wap{
    display: none;
}
.choice .radio-box .hover-msg {
    display: none;
    z-index: 10;
    color: #000;
    width: 358px;
    min-height: 100px;
    position: relative;
    left: 9px;
    font-size: 13px;
    line-height: 19px;
    padding: 20px;
    margin-left: 24px;
    box-sizing: border-box;
    -webkit-animation: fade 0.3s;
    animation: fade 0.3s;
    background-color: #fff;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,0.06);
}
.choice .radio-box .hover-msg::before{
    content: "";
    position: absolute;
    left: -7px;
    top: 7px;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    z-index: 11;
    box-shadow: none;
}
.choice .radio-box .icon-hover:hover .hover-msg {
    display: block;
}
.description .textarea-box .textarea {
    display: block;
    resize: none;
    width: 100%;
    height: 140px;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 16px;
}
.description .upload-box{
    margin-top: 10px;
    position: relative;
}
.description .upload-box input{
    display: block !important;
    width: 62px;
    height: 62px;
    position: absolute;
    opacity: 0;
}
.upload-add{
    cursor: pointer;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -webkit-animation: fade 0.3s;
    animation: fade 0.3s;
    transition: opacity 0.3s;
}
.upload-add .upload-icon{
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.1);
}
.upload-add .upload-icon .icon-add{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAADFBMVEUAAAA0NDQ0NDQzMzPCChFqAAAAA3RSTlMASePizoNQAAAAMUlEQVQoz2NgIBewTUDicD9A4vB/GD6c/P9Q8BPI2Q/j/EPnoCgbbmGAEcEoUU8aAAD3uEkNwzQ/PQAAAABJRU5ErkJggg==);
    background-size: 24px;
    background-position: center;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
}
.upload-add .upload-text-box{
    margin-left: 10px;
    display: flex;
    flex: 1;
}
.upload-add .upload-text-box .upload-tip{
    margin-left: 10px;
}
.upload-box .upload-wrapper .upload-item:not(:nth-of-type(3n)) {
    margin-right: 10px;
}
.upload-box .upload-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.upload-wrapper .upload-item{
    width: 280px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 10px;
    padding: 14px 20px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.02);
    -webkit-animation: fade 0.3s;
    animation: fade 0.3s;
}
.upload-wrapper .upload-item .file-box{
    flex: 1;
    max-width: 211px;
    margin-right: 10px;
}
.upload-box .file-name {
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.upload-box .file-size {
    opacity: 0.6;
    font-size: 11px;
    line-height: 20px;
}
.upload-box .smaller-font {
    width: 100%;
    height: 20px;
}
.upload-wrapper .upload-item .remove-icon {
    width: 9px;
    height: 9px;
    cursor: pointer;
}
.remove-icon .icon-remove {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAAAAABzpdGLAAAAeklEQVQY003QvQ5AUAyG4e/+L6B3YXEJQvxExMDEIAaxC5JOOD1tdXyG9k1xNDP7XN3IyIhKkzMhWlCT2ye0407NgrQMNovykprKR2KFSiAxFaFoIpHCHm2BixpUGuuD9VgfvEcNJtEqRuXXxTbkLmIrzn79vfAeJn4AwxML06GbdsMAAAAASUVORK5CYII=);
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.choice .other-input {
    display: none;
    height: 64px;
    margin: 20px 0 0 34px;
    padding: 24px 20px;
    line-height: 64px;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-animation: other-input 0.3s ease;
    animation: other-input 0.3s ease;
    position: absolute;
    left: 0;
    top: 20px;
    margin-left: 0px;
    width: 100%;
    font-size: 16px;
}

@-webkit-keyframes other-input {
    from {
        height: 0;
        margin-top: 0;
        padding: 0 20px
    }

    to {
        height: 100%;
        margin-top: 20px;
        padding: 24px 20px
    }
}

@keyframes other-input {
    from {
        height: 0;
        margin-top: 0;
        padding: 0 20px
    }

    to {
        height: 100%;
        margin-top: 20px;
        padding: 24px 20px
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 0.6
    }
}

.container .disabled {
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.1);
}

.container .continue {
    box-sizing: border-box;
    max-width: 180px;
    text-align: center;
    height: 48px;
    font-size: 12px;
    line-height: 2;
    margin-top: 90px;
    padding: 12px 65px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s;
} 

.container .next {
    color: #fff;
    background: #56d085;
    cursor: pointer;
}

.modality .modal-dialog{
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    bottom: 2%;
    margin: auto;
    width: 59%;
    z-index: 1001;
    padding: 40px 50px;
    box-sizing: border-box;
    text-align: center;
    /* background-color: #fff; */
    /* box-shadow: 0 20px 1px 0 rgba(180,181,185,0.3); */
    /* max-width: 1000px; */
    width: 100%;
}
.modality .modal-dialog .modal-content{
    padding: 7%;
    margin: 1%;
}
.modality .modal-dialog .modal-wrapper{
}
.modality .modal-dialog .icon-failed{
    background: url(data:image/png;base64,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) no-repeat center center;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-size: 100%;
}
.modality .modal-dialog .modal-content{
    color: #000;
    margin: 1%;
    border: none;
}
.modality .modal-dialog .modal-title{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
}
.modality .modal-dialog .modal-paragraph{
    font-size: 16px;
    line-height: 1.5;
}
.modality .modal-dialog .modal-btn-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 48px;
    color: #fff;
    background: #56d085;
    margin: 0 auto;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    line-height: 24px;
}
.modality .modal-dialog .modal-btn-box span{
    width: 100%;
    height: 100%;
    line-height: 48px;
}
.email .input-box input{
    color: #000;
    display: block;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid rgba(0,0,0,0.1);
}
.systemVersion .input-box input{
    color: #000;
    display: block;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid rgba(0,0,0,0.1)
}
.seccode .input-box{
    display: flex;
}
.seccode .input-box input{
    color: #000;
    display: block;
    width: 32%;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid rgba(0,0,0,0.1)
}
input::-webkit-input-placeholder {
    opacity: 0.4
}

input::placeholder {
    opacity: 0.4
}
.select-title .modify{
    cursor: pointer;
    color: #56d085;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-bottom: 0.01rem solid currentColor;
}
.footnote{
    display: none;
    margin-top: 20px;
    font-size: 13px;
    line-height: 24px;
    -webkit-animation: fade 0.3s forwards;
    animation: fade 0.3s forwards;
}
#submit svg{
    margin-left: 10px;
}
.submitBox{
    text-align: center;
}
.submitBox .title{
    /* text-align: center; */
    font-weight: 600;
}
.submitBox .content{
    font-size: 15px;
    /* text-align: center; */
    font-weight: 600;
    margin: 38px 0px;
}
.submitBox a{
    display: inline-block;
    margin: auto;
    border: none;
    color: white;
    background-color: #333;
    padding: 10px 50px;
    border-radius: 6px;
    font-size: 14px;
}
.submitdisabled{
    opacity: 0.6;
    cursor: no-drop;
}
.copyright p {
    color: #7b7b7b;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 400;
}
#showMore .modal-content{
    padding: 3%;
}
#showMore .modal-content .modal-paragraph{
    font-size: 14px;
}
#showMore .modal-dialog{
    top: 4%;
}
.other-region {
    height: auto !important;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
.other-region .input-box input {
    color: #000;
    display: block;
    width: 100%;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    box-sizing: border-box;
    padding: 24px 20px;
    border: 1px solid rgba(0,0,0,0.1);
}

@media (max-width: 900px){
    .icon-hover-wap{
        display: inline-block;
    }
    .icon-hover{
        display: none;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .container .continue{
        margin-top: 70px;
    }
    .problem .select-cascader .placeholder{
        padding: 11px 0 11px 10px;
        font-size: 13px;
    }
    .choice .other-input{
        line-height: 50px;
        height: 50px;
    }
    .email .input-box input{
        line-height: 50px;
        height: 50px;
    }
    .systemVersion .input-box input{
        line-height: 50px;
        height: 50px;
    }
    .upload-text-box .upload-text{
        position: absolute;
    }
    .upload-text-box{
        font-size: 14px;
    }
    .upload-text-box .upload-tip{
        text-indent: 4em;
    }
    .submitBox a{
        padding: 2% 10%;
    }
    .submitBox .content{
        margin: 7% 0px;
    }
    .problem .cascader-box .parent-list .parent-item{
        font-size: 14px;
    }
    .problem .cascader-box .panel .cascader-panel .list .list-item{
        font-size: 14px;
        padding-top: 12px;
    }
    .choice, .problem{
        margin-bottom: 40px;
    }
    .problem .cascader-box .parent-list{
        padding-right: 12px;
        padding-left: 12px;
    }
    .other-region {
        margin-top: 8px;
    }
    .other-region .input-box input{
        font-size: 13px;
        height: 43px;
        line-height: 43px;
        padding: 11px 0 11px 10px;
    }
    .other-region .input-box input::placeholder {
        font-size: 13px;
    }
}
@media (min-width: 900px){
    .copyright p {
        font-size: 14px;
        letter-spacing: 2.33px;
        line-height: 26px;
    }
    input::-webkit-input-placeholder {
        font-size: 14px;
    }
    
    input::placeholder {
        font-size: 14px;
    }
}