@charset "utf-8";
/* CSS Document */
body{background: #FAFAFA;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
.mr20{ margin-right:20px;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.pt20{ padding-top:20px;}
.pt10{ padding-top:10px;}
.pl20{ padding-left:20px;}
.pd10{padding:10px;}
.tiku-box{ width:1200px; margin:0 auto; }
.bg-white{background: #FFFFFF;}
.hide{ display: none}

.layui-layer-btn .layui-layer-btn0 {
    border-color:#FF8141 !important;
    background-color:#FF8141 !important;
    color: #fff;
}
.tiku-box .tiku-title{width: 790px;height: 68px;font-size: 15px;font-family: Source Han Sans CN;font-weight: 400;line-height: 68px;color: #1F1F1F;}
.tiku-box .tiku-time{width: 380px;height: 68px;}



.tiku-box .answer-content{width: 810px;}
.tiku-box .answer-content .subject-attr{  border-bottom: 1px solid #EFEFEF; height: 45px; font-size: 14px;}
.tiku-box .answer-content .subject-attr em { display: inline-block; margin-right: 10px; line-height: 45px;}
.tiku-box .answer-content .subject-attr em.type{ background: linear-gradient(173deg, #FFCA5F 0%, #FF7D07 100%); width: 85px; height: 24px;line-height: 24px;border-radius: 4px; text-align: center; color: #FFF;}
.tiku-box .answer-content .subject-attr em.star{width: 67px;height: 24px; line-height: 24px;background: linear-gradient(173deg, #DFCF91 0%, #D1B687 100%);border-radius: 4px; text-align: center; color: #FFF;}
.tiku-box .answer-content .subject-attr em.step{ font-weight: 700;}
.tiku-box .answer-content .subject-attr em.collect{ background: url(tiku_sc.png) no-repeat; padding-left: 30px; line-height: 24px; margin-top: 10px;font-size: 16px; cursor: pointer;}
.tiku-box .answer-content .subject-attr em.collect.yes{background: url(tiku_sc_1.png) no-repeat;}

.tiku-box .answer-content .subject-tit{font-size: 15px;font-family: Source Han Sans CN;font-weight: 700;line-height: 26px;color: #000;}
.tiku-box .answer-content .subject-tit .child{ border-top: 1px solid #EFEFEF; padding-top: 10px;}
.tiku-box .answer-content .subject-tit.sm{ font-size: 13px !important; }
.tiku-box .answer-content .subject-tit.de{ font-size: 15px !important; }
.tiku-box .answer-content .subject-tit.xl{ font-size: 17px !important; }

.tiku-box .answer-content .subject-option{ }
.tiku-box .answer-content .subject-option li{ display: block; padding-top:6px; padding-bottom:6px; position: relative; cursor: pointer; font-size: 15px;}
.tiku-box .answer-content .subject-option li:hover{ background: #F7F7F7;}
.tiku-box .answer-content .subject-option li span{display: inline-block; width: 90%; margin-left: 50px; line-height: 40px;}

.tiku-box .answer-content .item_options.sm li span{ font-size: 13px !important; }
.tiku-box .answer-content .item_options.de li span{ font-size: 15px !important; }
.tiku-box .answer-content .item_options.xl li span{ font-size: 17px !important; }

.tiku-box .answer-content .subject-option li .input{ display: inline-block; border: 1px solid #707070; width: 20px; height: 20px;position: absolute; left: 10px; top:30%;}
.tiku-box .answer-content .subject-option li.cur .input { border-color: #FF7D07; text-align: center; vertical-align: middle;}
.tiku-box .answer-content .subject-option li.cur .input:before{content: ""; background-color: #FF7D07;display: inline-block; width: 14px; height: 14px; margin-top: 3px}
.tiku-box .answer-content .subject-option.radio .input{ border-radius: 50%;}
.tiku-box .answer-content .subject-option.radio .input:before{ border-radius: 50%;}

.tiku-box .answer-content .subject-option.checkbox .input{ border-radius: 2px;}
.tiku-box .answer-content .subject-option.checkbox .input:before{ border-radius: 2px;}

.tiku-box .answer-content .subject-last,.tiku-box .answer-content .subject-next,.tiku-box .answer-content .subject-save{ width: 263px; height: 80px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16); line-height: 80px; text-align: center; display:block;margin-right: 10px}
.tiku-box .answer-content .subject-last i{ display: inline-block; width: 90px; height: 24px; line-height: 24px; background: url(tiku_syt.png) no-repeat left center; text-align: right;}
.tiku-box .answer-content .subject-next i{ display: inline-block; width: 90px; height: 24px; line-height: 24px; background: url(tiku_xyt.png) no-repeat left center; text-align: right;}
.tiku-box .answer-content .subject-save i{ display: inline-block; width: 150px; height: 24px; line-height: 24px; background: url(tiku_save.png?v=0815) no-repeat left center; text-align: right;}
.tiku-box .answer-content .subject-save{background-color:#FC8141;color:#fff;margin-right:0}

.tiku-box .answer-content .subject-option.textarea{}
.tiku-box .answer-content .subject-option.textarea textarea{ width:97%; border: 1px solid #EFEFEF; border-radius: 1px; margin-top: 10px; height: 100px; font-size: 15px; padding: 10px;}

.tiku-box .subject-submit{width: 90px;height: 32px; line-height: 32px; background: #F7F7F7;text-align: center; color: #8F8F8F;border-radius: 4px; margin-top: 10px; margin-bottom: 10px; display: block;}
.tiku-box .subject-submit.cur{background: #FF712A; color: #FFF;}

.tiku-box .answer-yes{}
.tiku-box .answer-yes .tit span{ display: inline-block;}
.tiku-box .answer-yes .tit .tips{width: 160px;height: 43px;background: #0DD438;border-radius: 10px 10px 0px 0px; color:#FFF; line-height: 43px; text-align: center; font-size: 16px; padding-left:10px; position: relative;}
.tiku-box .answer-yes .tit .tips i{ display:inline-block; background: url(answer-yes.png) no-repeat; width: 23px; height: 23px; vertical-align: middle;  position: absolute; left:10px; top:10px;}
.tiku-box .answer-yes .tit .right{font-size: 16px;font-family: PingFang SC;font-weight: 500;line-height: 22px; margin-left: 40px;}
.tiku-box .answer-yes .tit .correct{ font-size: 16px;  height: 43px; line-height: 43px; cursor: pointer;background: url(tiku_jc.png) no-repeat left center; padding-left:30px;}
.tiku-box .answer-yes .tit .correct i{display:none;}
.tiku-box .answer-yes .analysis{  border: 1px solid #0DD438; min-height: 60px; }

.tiku-box .answer-wrong{}
.tiku-box .answer-wrong .tit span{ display: inline-block;}
.tiku-box .answer-wrong .tit .tips{width: 160px;height: 43px;background: #FF2B00;border-radius: 10px 10px 0px 0px; color:#FFF; line-height: 43px; text-align: center; font-size: 16px; padding-left:10px; position: relative;}
.tiku-box .answer-wrong .tit .tips i{ display:inline-block; background: url(answer-wrong.png) no-repeat; width: 23px; height: 23px; vertical-align: middle;  position: absolute; left:10px; top:10px;}
.tiku-box .answer-wrong .tit .right{font-size: 16px;font-family: PingFang SC;font-weight: 500;line-height: 22px; margin-left: 40px;}
.tiku-box .answer-wrong .tit .correct{ font-size: 16px;  height: 43px; line-height: 43px; cursor: pointer; background: url(tiku_jc.png) no-repeat left center; padding-left:30px; }
.tiku-box .answer-wrong .tit .correct i{display:none;}
.tiku-box .answer-wrong .analysis{  border: 1px solid #FF2B00; min-height: 60px; }

.tiku-box .answer-null{}
.tiku-box .answer-null .tit span{ display: inline-block;}
.tiku-box .answer-null .tit .tips{width: 160px;height: 43px;background: #F9C20E;border-radius: 10px 10px 0px 0px; color:#FFF; line-height: 43px; text-align: center; font-size: 16px; padding-left:10px; position: relative;}
.tiku-box .answer-null .tit .tips i{ display:inline-block; background: url(answer-null.png) no-repeat; width: 23px; height: 23px; vertical-align: middle; position: absolute; left:10px; top:10px;}
.tiku-box .answer-null .tit .right{font-size: 16px;font-family: PingFang SC;font-weight: 500;line-height: 22px; margin-left: 40px;}
.tiku-box .answer-null .tit .correct{ font-size: 16px;  height: 43px; line-height: 43px; cursor: pointer; background: url(tiku_jc.png) no-repeat left center; padding-left:30px; }
.tiku-box .answer-null .tit .correct i{display:none;}
.tiku-box .answer-null .analysis{  border: 1px solid #F9C20E; min-height: 60px; }

.tiku-box .answer-qa{}
.tiku-box .answer-qa .tit span{ display: inline-block;}
.tiku-box .answer-qa .tit .tips{width: 160px;height: 43px;background:#FF2B00;border-radius: 10px 10px 0px 0px; color:#FFF; line-height: 43px; text-align: center; font-size: 16px;padding:0;position: relative;}
.tiku-box .answer-qa .tit .tips i{ display:inline-block; background: url(answer-qa.png) no-repeat; width: 23px; height: 23px; vertical-align: middle; position: absolute; left:10px; top:10px;}
.tiku-box .answer-qa .tit .right{font-size: 16px;font-family: PingFang SC;font-weight: 500;line-height: 22px; margin-left: 40px;}
.tiku-box .answer-qa .tit .correct{ font-size: 16px;  height: 43px; line-height: 43px; cursor: pointer; background: url(tiku_jc.png) no-repeat left center; padding-left:30px; }
.tiku-box .answer-qa .tit .correct i{display:none;}
.tiku-box .answer-qa .analysis{  border: 1px solid #FF2B00; min-height: 60px; }



.tiku-box .answer-sheet{ width: 380px;}
.tiku-box .answer-sheet .sheet-tool{  border-bottom: 1px solid #EFEFEF; padding-bottom: 10px; }
.tiku-box .answer-sheet .sheet-tool a{ display: inline-block; width:25%; text-align: center; font-size: 12px;}
.tiku-box .answer-sheet .sheet-tool a i{ display:block; width:24px; height: 24px; margin: 10px auto; margin-bottom: 10px;}
.tiku-box .answer-sheet .sheet-tool a .bt{ background: url(tiku_beit.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-tool a.bd_bt.cur { color: #FF8141;}
.tiku-box .answer-sheet .sheet-tool a.bd_bt.cur .bt{  background: url(tiku_beit_1.png) no-repeat center center;}
.tiku-box .answer-sheet .sheet-tool a .autonext{ background: url(tiku_autonext.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-tool a.bd_autonext.cur { color: #FF8141;}
.tiku-box .answer-sheet .sheet-tool a.bd_autonext.cur .autonext{  background: url(tiku_autonext_1.png) no-repeat center center;}

.tiku-box .answer-sheet .sheet-tool a .zt{ background: url(tiku_ztdx.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-tool a .js{ background: url(tiku_jsq.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-tit{ display:block; line-height: 24px; padding-left: 15px; position: relative; font-size:15px; margin-top: 10px; margin-bottom: 10px;}
.tiku-box .answer-sheet .sheet-tit:before{ content: ""; position: absolute; left: 0; top: -3px; width: 4px;height: 21px;background: #FF8141;opacity: 1;border-radius: 2px; display: inline-block; margin-right: 10px; margin-top: 5px;}

.tiku-box .answer-sheet .sheet-card{ border:1px solid #F6F6F6; border-right: 0; height:300px; overflow: hidden;}
.tiku-box .answer-sheet .sheet-card .sheet-card-type{ display: inline-block; border:1px solid #FF712A; border-radius: 4px; color:#FF712A; text-align: center; padding:2px 4px; font-size: 12px;}
.tiku-box .answer-sheet .sheet-card ul{ display: block; margin-top:10px;}
    .tiku-box .answer-sheet .sheet-card ul li {
        display: inline-block;
        cursor: pointer;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        line-height: 36px;
        border: 1px solid #dcdbdb;
        font-size: 12px;
        margin-right: 5px;
        position: relative;
        margin-bottom: 8px;
    }
.tiku-box .answer-sheet .sheet-card ul li.cur{ background-color: #FF8141; color:#FFF;}
        .tiku-box .answer-sheet .sheet-card ul li.right {
            background-color: #50dd53;
            color: #FFF;
        }
        .tiku-box .answer-sheet .sheet-card ul li.error {
            background-color: #dd5050;
            color: #FFF;
        }
.tiku-box .answer-sheet .sheet-card ul li.right:before{ content: ""; position: absolute;width: 13px; height:9px; background: url(tiku_zq.png) no-repeat center center; left:35%; bottom: -2px;}
.tiku-box .answer-sheet .sheet-card ul li.error:before{content: ""; position: absolute;width: 13px; height:9px; background: url(tiku_cw.png) no-repeat center center;  left:35%; bottom: -2px;}

.tiku-box .answer-sheet .sheet-save{padding-bottom: 10px; border-top:1px solid #F6F6F6; margin-top: 6px;}
.tiku-box .answer-sheet .sheet-save a{ display: inline-block; width:49%; text-align: center; font-size: 12px;}
.tiku-box .answer-sheet .sheet-save a i{ display:block; width:24px; height: 24px; margin: 10px auto; margin-bottom: 10px;}
.tiku-box .answer-sheet .sheet-save a .cz{ background: url(tiku_cz0815.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-save a .bg{ background: url(tiku_baog.png) no-repeat center center; }
.tiku-box .answer-sheet .sheet-save a .jd{ background: url(tiku_bc.png) no-repeat center center;}

.card-page{
    position: absolute;height:40px;
    bottom: 0;
    left: 0;
    right: 10px;
    background-color: #fff;
    display: flex;
}
.card-page a{
    text-align: center;
    height: 28px;
    border-radius:25px;
    border: 1px solid #FC8141;
    font-weight: 400;
    font-size: 13px;
    color: #FC8141;
    line-height: 28px;
    flex: 1;
    margin:5px;
}
.card-page a.cur{
    background: #FC8141;
    color: #FFFFFF;
}

.layerReport{ margin: 0 auto;width: 1200px;height:600px; display: none; background-color: #FAFAFA; overflow-y: scroll; }
.tiku-report{}
.tiku-report .tit{background: #FFFFFF; padding-top: 30px; position: relative; padding-bottom: 30px;}
.tiku-report .tit h2{font-size: 22px;font-family: PingFang SC;font-weight: bold;line-height: 30px; display: block; color: #000000;text-align: center; line-height: 40px; margin-bottom: 20px;}
.tiku-report .tit .dd{ color:#3A3A3A; font-size:17px; text-align: center;}
.tiku-report .tit .dd span{ display: inline-block; line-height: 30px; height:30px;}
.tiku-report .tit .dd span.yes{ background: url(zuoti_right_img.png) no-repeat left center; padding-left: 35px;}
.tiku-report .tit .dd span.err{background: url(zuoti_wrong_img.png) no-repeat left center; padding-left: 35px;}
.tiku-report .tit .defen{ position: absolute; height: 90px; right:25px; top:60px;}
.tiku-report .tit .defen span{ color:red;font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; font-size: 50px;}
.tiku-report .sheet-card{ border:1px solid #F6F6F6; overflow:scroll-y;}
.tiku-report .sheet-card ul{ display: block; margin-top:10px;}
.tiku-report .sheet-card ul li{ display:inline-block; background-color: #FFF; cursor: pointer; width: 36px; height:36px; border-radius: 50%; text-align: center; line-height: 36px;border: 1px solid #F7F7F7; font-size:12px; margin-right: 5px; position: relative; margin-bottom: 8px;}
.tiku-report .sheet-card ul li.right:before{ content: ""; position: absolute;width: 13px; height:9px; background: url(tiku_zq.png) no-repeat center center; left:35%; bottom: -2px;}
.tiku-report .sheet-card ul li.error:before{content: ""; position: absolute;width: 13px; height:9px; background: url(tiku_cw.png) no-repeat center center;  left:35%; bottom: -2px;}
.tiku-report .sheet-card .report_bottom{ padding: 40px; text-align: center; background-color: #FAFAFA;}
.tiku-report .sheet-card .report_bottom a{ display: inline-block; width:72px; height:72px;}
.tiku-report .sheet-card .report_bottom a.ct{ background: url(view-err.png) no-repeat center center; margin-right: 100px;}
.tiku-report .sheet-card .report_bottom a.cz{ background: url(view-again.png?v=221114) no-repeat center center;background-size:100%;}
.tiku-report .sheet-card .report_bottom a.jx{ background: url(view-jiexi.png) no-repeat center center;background-size:100%;margin-left:20px;}

.tiku-note{}
.tiku-note .tit{ font-size: 15px; color:#D2D2D2;}
.tiku-note .tit span{ display: inline-block; cursor: pointer;width: 70px;color:#1F1F1F;}
.tiku-note .tit span.cur{ color:#FF8141;}
.tiku-note ul{ margin-top: 20px;}
.tiku-note ul li{ display:block; padding-bottom: 10px; border-bottom: 1px solid #F3F3F3; padding-top: 10px;}
.tiku-note ul li p{ display: block; position: relative;}
.tiku-note ul li p img{ float:left; }
.tiku-note ul li p .nd{ float:left; margin-left: 15px;}
.tiku-note ul li p .nd em{ display: block;}
.tiku-note ul li p .nd em.n{ font-size:14px; margin-bottom: 5px;}
.tiku-note ul li p .nd em.d{ font-size:12px; color: #E9E9E9;}
.tiku-note ul li p .zan{ position: absolute; display: block; background: url(zan.png) no-repeat left center; padding-left: 25px; right:0; top:10px; cursor: pointer;}
.tiku-note ul li p .zan.cur{background: url(zan_y.png) no-repeat left center;}
.tiku-note ul li .cont{word-break:break-all; padding-top: 10px; line-height: 22px;}
.tiku-note .my-note{ margin-top: 20px;}
.tiku-note .my-note textarea{ height: 160px; width: 94%;border: 1px solid #E9E9E9; padding: 10px;}
.tiku-note .my-note .radio{ float: left; padding-top: 14px;}
.tiku-note .my-note .radio span{ margin-right: 20px; cursor: pointer;}
.tiku-note .my-note .subject-submit{ float: right; width: 60px; height: 25px; line-height: 25px; font-size: 14px;}
.tiku-note .my-note .input {display: inline-block; border: 1px solid #707070; width: 14px; height: 14px; line-height: 14px; border-color: #FF7D07; text-align: center;border-radius: 50%; vertical-align: middle; margin-right: 5px;}
.tiku-note .my-note .input.cur:before{content: ""; background-color: #FF7D07;display: inline-block; width: 10px; height: 10px;border-radius: 50%;}


.layerCalculator{display: none;width: 680px; height: 340px}
.layerFont{ box-shadow: 0px 0px 5px #e8e8e8; position: fixed; left: 50%; top: 50%;background: #fcfbf9;display: none;}
.layerFont{width: 360px;height: 100px;margin-top: -50px; margin-left: -180px;display: none;}
.layerFont .FontList{width: 360px;height: 50px; margin-top: 25px}
.layerFont .FontList li{width: 98px; height:48px; line-height: 48px;text-align: center; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 4px; margin: 0 10px;float: left; cursor: pointer;display: inline}
.layerFont .FontList li:hover,.layerFont .FontList li.cur{background: #f60;color: #fff}

.NoRecord{text-align: center;padding: 25px 0}
.NoRecord i{background-position: -80px 0;width: 154px; height: 154px; vertical-align: top; display: inline-block;}
.NoRecord p{height: 54px; line-height: 54px; color: #666666; font-size: 16px;}
.NoRecord a{margin: 10px auto;width: 184px; height: 46px;line-height: 46px;background: #0070c1;font-size: 16px; color: #fff; display: inline-block; border-radius: 3px;}

.layerSaveSuccess{width: 150px;display: none;}
.save-success{ height: 150px; background-color: #FF712A; border-radius: 15px; text-align: center; color:#FFF; font-size: 19px;}
.save-success .img{ width:60px; height:100px; margin:0 auto; background: url(save_succ.png) no-repeat center center;}
body .layerSaveSuccessSkin{ background-color: transparent; box-shadow: none;}

#analysis{ margin-top: 16px;}
#main-tiku-box{ padding-top: 16px;margin-bottom:80px;}