body.kfonline-body {background: url(//cdn.51img3.com/game/2023/202303/20230311/432034ab3b5028cb38413ed9f3502148.jpg) center no-repeat;background-size: cover;}
.question_form_div .steps{display: none;}
.question_form_div .step1{display: block;}
.layui-layer-title{text-shadow: none}
.m-kfonline-html .score_content .star label{width: 20px;height: 20px;background-size: 100% 100%}
.m-kfonline-html .score_content .star > input:hover ~ label, .m-kfonline-html .score_content .star > input:checked ~ label{background-size: 146%;background-position: -5px -3px}
.m-kfonline-html .score_content .star input{opacity: 0}
.fl{float: left;width: 80px;height: 80px;line-height: 28px;text-align: center;margin-right: 16px;border-radius: 5px;border: 1px solid #ccc;background: #F9F9F9;cursor: pointer;font-weight: 900;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
.upBtn{width: 80px;height: 80px;cursor: pointer;position: absolute;z-index: 1;top: 0;left: 0}
.parfl{position: relative;}
.upBtn .hidden{display: none;}
.fl.zIndex{z-index: 2;}
.fl img{    max-width: 80px;max-height: 80px;}
.fl.zIndex .chedel{position: absolute;top: 0;left: 0;width: 80px;height: 80px;opacity: 0;color: #fff;letter-spacing: 5px;background-color: rgba(0,0,0, .5);}
.fl.zIndex .chedel p{height: 39px;line-height: 39px;}
.fl.zIndex .chedel p.dl{margin-bottom: 2px;}
.fl.zIndex .chedel p:hover {background-color: rgba(200,200,200, .6);}
.fl.zIndex .chedel:hover{opacity: 1}
.layui-layer-title{background: #ff7f6a !important}
.board .layui-form-label{font-size: 16px;color: #707070;padding-top: 0; width: 100px;}
.board .layui-form-label p{font-size: 14px}
.question_form_div{width:570px;margin: 0 auto;}
.question_form_div .layui-form-radio{width: 100px;height:34px;border: 1px solid #707070;border-radius: 6px;color: #707070;text-align: center;padding: 0;line-height: 34px;margin-top: 0;}
.question_form_div .layui-anim.layui-icon{display: none;}
.question_form_div .layui-form-radioed{background: #EF2E2E;color: #fff;border-color: #EF2E2E }
.question_form_div .layui-form-select{width: 180px}
.question_form_div .layui-form-select dl dd.layui-this{background:#EF2E2E }
.explain{color: #000000;font-weight: normal;font-size: 14px;line-height: 18px;margin-bottom: 10px;}
.explain b{font-weight: normal;color:#999999 }
.layui-btn.board_submit{width: 300px;height: 30px;background: #EF2E2E;line-height: 30px;margin-left: 18px;}
.board.layui-layer-dialog .layui-layer-content{align-items: flex-start;padding: 30px 6px 30px 6px;}
.empty{background: url(../imgaes/empty.png?v=09) center center no-repeat;}
body,html,.new_kf{min-height: 100%}
.new_kf{background: #fafafa}
i{font-style: normal;}
.w800{width: 800px;margin: 0 auto;font-family: PingFang SC-Bold, PingFang SC;margin-bottom: 12px;    min-height: 800px;}
#question li{width: 100%;box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.16);min-height: 88px;margin-top: 12px;border-radius: 4px;padding: 10px;box-sizing: border-box;background: #fff}
#question .q_title{font-size: 16px;color: #999999;display: flex;align-items: center;justify-content: space-between;}
#question .q_title span{margin-right: 12px;font-weight: bold;}
.q_info{font-size: 14px;color: #333333;font-weight: bold;line-height: 20px;margin-top: 12px;}
/*.q_info div{word-wrap: break-word;word-break: break-all;white-space: pre-wrap;}*/
.in_hand{color: #FFAA00}
.is_done{color: #27CC15}
.q_info .img_con{display: flex;align-items: center;justify-content: flex-start;margin-top: 12px;}
.q_info .img_con p{width: 100px;height: 100px;overflow: hidden;margin-right: 16px;display: flex;align-items: center;justify-content: center;}
.q_info .img_con img{width: 100%;height: auto}
.q_feedback{border-top: 1px solid #EEEEEE;padding-top: 16px}
.q_feedback .request{border: 1px solid #DDDDDD;background: #F9F9F9;box-sizing: border-box;padding: 10px 12px;color: #333}
.q_feedback .request .img_back{width: 100px;height: 100px;margin-right: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;position: relative;}
.img_back_content{display: flex;align-items: center;justify-content: flex-start;}
.q_feedback .request .img_back img{width: 100%;height: auto;}
.img_back_content .img_back span{opacity: 0;position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);color: #fff}
.img_back_content .img_back span i{color: #fff;background: no-repeat;width: auto;padding: 0}
.img_back_content .img_back:hover span{opacity: 1}

.feedback_request{padding:0 0 20px 44px;overflow: hidden;}
.feedback_request .replies>div{margin-top: 10px}
.feedback_request p b{color: #000}.feedback_request .tips{margin-bottom: 10px}
.feedback_request .tips i{color: #FFAA00;display: inline-block;margin-right: 6px;padding-left: 28px;}
.feedback_request .tips a{color: #01B1FF}
.feedback_request textarea{width: 100%;height:123px;padding: 10px 12px;box-sizing: border-box; }
.submit_area{width: 64px;height: 24px;background: #F4193B;text-align: center;border-radius: 3px;color: #FFFFFF;line-height: 24px;cursor: pointer;float: right;}
.submit_area:hover{background: #ef526b;}

.q_feedback i{font-size: 16px;color: #707070;display: inline-block;padding-left: 34px;background: url(../imgaes/type.png) 4px 1px no-repeat;cursor: pointer;}
.q_feedback i.done{background-position-y: -90px;}
.resolution_state p:hover i.none,.resolution_state i.none.light , .feedback_request .tips i{background-position-y: -44px;color:#FFAA00 }
.resolution_state p:hover i.done , .q_feedback i.done.light{background-position-y: -134px;color:#27cc15 }
.resolution_state p{width: 118px;height: 34px;border: 1px solid #ccc;border-radius: 4px;background: #fff;display: flex;align-items: center;justify-content: center;margin-right: 50px;cursor: pointer;}
.resolution_state{display: flex;align-items: center;justify-content: flex-start;margin-top: 10px}
.public_page{text-align: center;width: 1000px;margin: 70px auto;overflow: hidden;*zoom:1;padding: 3px 0;}
.public_page a{
    border: 1px solid #d1cdc8;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #ddd;
    display: inline-block;
    font-size: 14px;
    padding: 5px 12px;
    margin-left: 2px;
    margin-right: 5px;
    overflow: hidden;
    cursor: pointer;
    color: #666;
}
.public_page a:hover,.public_page a.current{
    border: 1px solid #f6193c;
    box-shadow: 2px 2px 3px #ffd9ec;
    background: none;
    color: #666;
    text-decoration: none;
}
.public_page a.current:hover{color: #666!important;}
.public_page:before{content: '';clear: both;display: block;}


.board .layui-form-item{position: relative;}
.board .layui-btn.board_submit{   margin: 0 auto 10px;display: block;}
.main_title{width: 100%;height: .88rem;background: #fff;box-shadow:0px 1px 4px #d9d9d9;display: flex;align-items: center;justify-content: center;color: #3C424C;font-weight: bold;font-size: .36rem;display: none;}
.mobile .w800 ,.mobile .public_page{width: auto}
.mobile #question li{width: 7rem;margin: .2rem auto}
.mobile .main_title{display: flex;}
.mobile .empty{background-size: 100%}
.mobile .new_kf{min-height: 100%}
#question .up_img{width: 22px;height: 22px;cursor: pointer;background: url(//notice.51.com/js/kfonline/user/img/image.png) center no-repeat;background-size: 100%;float: left;margin-top: 10px}
#question .up_img input{width: 100%;height: 100%;opacity: 0;}

.score .layui-layer-btn{padding: 0}
.score_content{width: 100%;height: 100%;font-size: 14px;color: #464646;font-weight: normal;}
.score.layui-layer-dialog .layui-layer-content{padding: 12px 35px 0}
.score_content b{display: inline-block;width: 42px;font-weight: normal;}
.score_content .star{display: flex;align-items: center;justify-content: flex-start;flex-direction: row-reverse;	}
.score_content .star label{width: 54px;height: 52px;background: url(../imgaes/star.png) center center no-repeat;cursor: pointer;}
.score_content .star > input:hover ~ label,.score_content .star > input:checked ~ label{background:url(../imgaes/star_hover.png) 0px 3px no-repeat}
.score_content .star span:nth-child(2):hover{background: red}
.score_content .flex{display: flex;align-items: center;justify-content: flex-start;}
.score_content .flex textarea{width: 356px;height: 80px;padding: 10px;box-sizing: border-box;}
.score_content .star input{appearance: none;}
.score_content .suggest_box{align-items: flex-start;}
.star_box{margin:12px 0 24px}

.score_content .submit_score{width: 120px;height: 36px;background: #EF2E2E;color: #fff;border-radius: 6px;justify-content: center;margin: 8px auto 0;cursor: pointer;}
.score_content .submit_score:hover{background: #f95d5d}
#mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;display: flex;align-items: center;justify-content: center;display: none;}
#mask div{max-height: 90%;overflow-y: auto;display: flex;align-items: flex-start;justify-content: center;width: 90%}
#mask.show{display: flex;}
#mask img{max-width: 95%}



.kfonline-html.m-kfonline-html .layui-layer-dialog.operability .layui-layer-title{display: block;width: 100%}
.kfonline-html.m-kfonline-html .layui-layer-dialog.operability,.kfonline-html.m-kfonline-html .layui-layer-dialog.operability#layui-layer1{width:90% !important;background: #fff;flex-wrap: wrap;}
.m-kfonline-html .question_form_div{width:90%;margin: 18px auto 0}
.m-kfonline-html .operability.layui-layer-dialog .layui-layer-content{padding: 0;width: 100% !important}
.kfonline-html.m-kfonline-html .score.layui-layer-dialog .layui-layer-setwin .layui-layer-close1,.kfonline-html.m-kfonline-html .operability.layui-layer-dialog .layui-layer-setwin .layui-layer-close1{display: block;}
.m-kfonline-html .operability .layui-form-label{padding: 4px 0px}
.m-kfonline-html .operability .layui-input-block{margin-left: 90px;}
.m-kfonline-html .operability .question_form_div .layui-form-radio{width: 80px;height: 30px;margin-bottom: 6px;}
.m-kfonline-html .operability .question_form_div .layui-form-radio div{    height: 30px;vertical-align: baseline;line-height: 30px;}
.kfonline-html.m-kfonline-html .operability.layui-layer-dialog .layui-layer-content{color: #333}
.m-kfonline-html .score_content{box-sizing: border-box;padding: 0 30px;}


/*移动端*/
.question_form_div.mobile .layui-form-label {
    display: none;
}
.question_form_div.mobile .layui-input-block {
    margin-left: 6px;
}
.question_form_div.mobile .board_submit {
    margin: 0;
    margin-left: 6px;
}