/*.troubleItemComponent{*/
    /*width: 1396px;*/
    /*height: 608px;*/
    /*border: 3px solid #e5e5e5;*/
    /*background-color: #ffffff;*/
    /*border-radius: 20px;*/
    /*overflow: hidden;*/
    /*padding: 42px 45px 0 45px;*/
    /*position: relative;*/
/*}*/
/*.troubleItemComponent .border_e5{*/
    /*border: 2px solid #e5e5e5;*/
    /*border-radius: 10px;*/
/*}*/
/*.troubleItemComponent .border_dashed_e5{*/
    /*border: 2px dashed #e5e5e5;*/
    /*border-radius: 10px;*/
/*}*/

/*.troubleItemComponent .rel{*/
    /*position: relative;*/
    /*padding-left: 44px;*/
/*}*/
/*.troubleItemComponent .itemText{*/
    /*font-weight: bold;*/
/*}*/
/*.troubleItemComponent .itemWrongInfo{*/
    /*height: 86px;*/
    /*position: relative;*/
/*}*/
/*.troubleItemComponent .itemWrongInfo>p{*/
    /*line-height: 32px;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*position: absolute;*/
/*}*/
/*.troubleItemComponent .star{*/
    /*display: inline-block;*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*left: 0;*/
/*}*/
/*.troubleItemComponent .jugdeQuestion{*/
    /*height: 61px;*/
    /*line-height: 61px;*/
    /*margin-bottom: 30px;*/
/*}*/
/*.troubleItemComponent .jugdeQuestion .questionBox{*/
    /*height: 100%;*/
    /*width: 161px;*/
    /*text-align: center;*/
    /*display: inline-block;*/
    /*margin-left: 30px;*/
/*}*/
/*.troubleItemComponent .jugdeQuestion .questionBox.active{*/
    /*border-color: #26ce61;*/
/*}*/
/*.troubleItemComponent .itemTextArea{*/
    /*height: 198px;*/
    /*!*margin-bottom: 29px;*!*/
    /*margin-bottom: 9px;*/
/*}*/
/*.troubleItemComponent .itemTextAreaBox{*/
    /*width: 1250px;*/
    /*height: 100%;*/
    /*display: inline-block;*/
    /*background-color: #f2f2f2;*/
    /*padding: 20px;*/
    /*overflow: hidden;*/
/*}*/
/*.itemTextAreaBoxs{*/
    /*background-color: #f2f2f2;*/
    /*border: none;*/
    /*resize: none;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*line-height: 40px;*/
    /*text-align: justify;*/
/*}*/
/*.troubleItemComponent .itemTextArea .itemPlayceHolder{*/
    /*position: absolute;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%,-50%);*/
/*}*/
/*.troubleItemComponent .itemTextArea .itemTextEdit{*/
    /*text-align: right;*/
    /*position: absolute;*/
    /*line-height: 57px;*/
    /*top: -57px;*/
    /*right: 46px;*/
/*}*/
/*.troubleItemComponent .itemControl{*/
    /*!*display: flex;*!*/
    /*!*flex-direction: row;*!*/
    /*!*flex-wrap: nowrap;*!*/
    /*!*overflow:hidden;*!*/
    /*padding-left: 0;*/
    /*margin-left: 44px;*/
    /*margin-top: 30px;*/
/*}*/
/*.troubleItemComponent .itemControl .troubleSwiperImgContainer{*/
    /*margin-top: 20px;*/
    /*overflow: visible;*/
/*}*/
/*.troubleItemComponent .itemControl .controlBox{*/
    /*width: 90px;*/
    /*height: 90px;*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*margin-right: 30px;*/
/*}*/
/*.troubleItemComponent .itemControl .controlBox>img{*/
    /*position: absolute;*/
    /*width: 90px;*/
    /*height: 90px;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*transform: translate(-50%,-50%);*/
/*}*/

/*.troubleItemComponent .finishBox{*/
    /*display: none;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-top: 63px solid #26ce61;*/
    /*border-bottom: 63px solid transparent;*/
    /*border-left: 63px solid transparent;*/
    /*border-right: 63px solid #26ce61;*/
/*}*/
/*.troubleItemComponent .finishBox .finishText{*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*width: 178px;*/
    /*height: 178px;*/
    /*line-height: 106px;*/
    /*left: -89px;*/
    /*top: -89px;*/
    /*transform: rotate(45deg);*/
/*}*/
/*.troubleItemComponent.finish{*/
    /*border: 3px solid #26ce61;*/
/*}*/
/*.troubleItemComponent.finish .finishBox{*/
    /*display: block;*/
/*}*/

.troubleItemComponent{
    width: 11.633333333333333rem;
    height: 5.066666666666666rem;
    border: 3px solid #e5e5e5;
    background-color: #ffffff;
    border-radius: 0.16666666666666666rem;
    overflow: hidden;
    padding: 0.35rem 0.375rem 0 0.375rem;
    position: relative;
}
.troubleItemComponent .border_e5{
    border: 2px solid #e5e5e5;
    border-radius: 0.08333333333333333rem;
}
.troubleItemComponent .border_dashed_e5{
    border: 2px dashed #e5e5e5;
    border-radius: 0.08333333333333333rem;
}
.troubleItemComponent .rel{
    position: relative;
    padding-left: 0.36666666666666664rem;
}
.troubleItemComponent .itemText{
    font-weight: bold;
}
.troubleItemComponent .itemWrongInfo{
    height: 0.7166666666666667rem;
    position: relative;
}
.troubleItemComponent .itemWrongInfo>p{
    line-height: 0.26666666666666666rem;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.troubleItemComponent .star{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.troubleItemComponent .jugdeQuestion{
    height: 0.5083333333333333rem;
    line-height: 0.5083333333333333rem;
    margin-bottom: 0.25rem;
}
.troubleItemComponent .jugdeQuestion .questionBox{
    height: 100%;
    width: 1.3416666666666666rem;
    text-align: center;
    display: inline-block;
    margin-left: 0.25rem;
}
.troubleItemComponent .jugdeQuestion .questionBox.active{
    border-color: #26ce61;
}
.troubleItemComponent .itemTextArea{
    height: 1.65rem;
    /*margin-bottom: 0.24166666666666667rem;
     */
    margin-bottom: 0.075rem;
}
.troubleItemComponent .itemTextAreaBox{
    width: 10.416666666666666rem;
    height: 100%;
    display: inline-block;
    background-color: #f2f2f2;
    padding: 0.16666666666666666rem;
    overflow: hidden;
}
.itemTextAreaBoxs{
    background-color: #f2f2f2;
    border: none;
    resize: none;
    width: 100%;
    height: 100%;
    line-height: 0.3333333333333333rem;
    text-align: justify;
}
.troubleItemComponent .itemTextArea .itemPlayceHolder{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.troubleItemComponent .itemTextArea .itemTextEdit{
    text-align: right;
    position: absolute;
    line-height: 0.475rem;
    top: -0.475rem;
    right: 0.38333333333333336rem;
}
.troubleItemComponent .itemControl{
    /*display: flex;
     */
    /*flex-direction: row;
     */
    /*flex-wrap: nowrap;
     */
    /*overflow:hidden;
     */
    padding-left: 0;
    margin-left: 0.36666666666666664rem;
    margin-top: 0.25rem;
}
.troubleItemComponent .itemControl .troubleSwiperImgContainer{
    margin-top: 0.16666666666666666rem;
    overflow: visible;
}
.troubleItemComponent .itemControl .controlBox{
    width: 0.75rem;
    height: 0.75rem;
    position: relative;
    display: inline-block;
    margin-right: 0.25rem;
}
.troubleItemComponent .itemControl .controlBox>img{
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.troubleItemComponent .finishBox{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 0.525rem solid #26ce61;
    border-bottom: 0.525rem solid transparent;
    border-left: 0.525rem solid transparent;
    border-right: 0.525rem solid #26ce61;
}
.troubleItemComponent .finishBox .finishText{
    position: absolute;
    text-align: center;
    width: 1.4833333333333334rem;
    height: 1.4833333333333334rem;
    line-height: 1.08833333333333333rem;
    left: -0.7416666666666667rem;
    top: -0.7416666666666667rem;
    transform: rotate(45deg);
}
.troubleItemComponent.finish{
    border: 3px solid #26ce61;
}
.troubleItemComponent.finish .finishBox{
    display: block;
}
