.detail{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0 0 10px;-webkit-box-shadow:0 3px 11px 4px rgba(0,0,0,.04);box-shadow:0 3px 11px 4px rgba(0,0,0,.04);height:calc(100% - 80px)}.detail .left{width:15.1%;min-width:217px;height:100%;overflow:hidden}.detail .left .itembox{height:calc(100% - 5px);overflow:auto}.detail .left .itembox .key_txt{margin-top:68px;margin-right:6px}.detail .left .item{height:96px;padding:5px 11px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.detail .left .item.active{background:#3477f1;color:#fff}.detail .center{margin:0 .7%;width:65.1%}.detail .center .tip_box{height:47.7%;width:100%;position:relative}.detail .center .tip_box .tip_content{position:absolute;width:100%;height:100%}.detail .center .tip_box .tip_content:after{clear:both}.detail .center .tip_box img{width:100%;height:100%}.detail .center .tip_box .tip_textbox{position:absolute;bottom:0;background:rgba(0,0,0,.7);width:100%}.detail .center .tip_box .tip_textbox .huashu,.detail .center .tip_box .tip_textbox .tip-problem{max-height:76px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;padding:7px 16px;font-family:PingFangSC-Medium;font-size:14px;color:#fff;font-weight:500}.detail .center .tip_box .tip_textbox .tip-problem{color:#fff;overflow:hidden}.detail .center .tip_box .tip_textbox .tip-problem img{width:18px;vertical-align:middle}.detail .center .tip_box .tip_textbox .tip-problem .problem-list{margin-top:7px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;overflow:auto}.detail .center .tip_box .tip_textbox .tip-problem .problem-list .item{margin-right:15px;background-color:rgba(0,0,0,.7);border-radius:25px;padding:5px 11px;display:-webkit-box;display:-ms-flexbox;display:flex}.detail .center .tip_box .tip_textbox .tip-problem .problem-list .item span{white-space:nowrap;font-family:PingFangSC-Medium;font-size:14px;font-weight:500}.detail .center .tip_box .tip_textbox .tip-problem .problem-list .item span:last-child{display:block;width:49px;text-align:center;margin-left:6px;background:#306aed;border-radius:10px}.detail .center .input_tip_txt{margin-top:10px;height:38.6%}.detail .center .input_tip_txt .el-textarea,.detail .center .input_tip_txt .el-textarea .el-textarea__inner{height:100%}.detail .right{width:18.4%;min-width:300px;padding:0 16px 20px 16px;height:calc(100% - 20px);overflow:auto}.detail .right .problemBox .el-textarea{width:301px;margin-top:10px}.detail .right .problemBox .problem-title{margin-top:15px;font-family:PingFangSC-Medium;font-size:16px;color:#22252a;font-weight:500}.detail .right .problem_add{margin-top:10px;font-family:PingFangSC-Medium;font-size:15px;color:#1f2327;font-weight:500}.detail .right .problem_add:hover{cursor:pointer}