.container{min-height:100%;display:flex}
.pay_notice{
    float: left;
    width: 100%;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
}
.pay_notice span{color:var(--main-color);font-weight:bold}
.pay_section{
    float: left;
    width: 100%;
    text-align: center;
    margin-top:20px;
}
.pay_section .pay_btn{background-color:var(--main-color)}
.sj_left{
    float: left;
    /*width: calc(100% - 430px);*/
    width: 885px;
}
.sj_left_ul{
    float: left;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 30px;
}
.sj_left .title{
    
    float: left;
    width: 100%;
    font-size: 26px;
    font-weight: 700;
    color: #222;
    margin-bottom: 16px;
    line-height: 1.5;
}
.sj_left .infor{
    
    float: left;
    width: 100%;
    font-size: 14px;
    display: inline-block;
    color: #999;
    line-height: 16px;
}
.sj_left .infor a{
    float: left;
}
.sj_left .infor a img{
    
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    object-fit: cover;
}
.sj_left .infor  span {
    float: left;
    margin-right: 10px;
}
.sj_left .infor a .name{
}
.sj_left .infor .zz_btn {
    color: var(--main-color);
    cursor: pointer;
    float: right;
    font-weight: bold;
}
.sj_left .infor .nzz_btn {
    color: #999;
    float: right;
    font-weight: bold;
}
.sj_left .infor .layui-icon-release{margin-right:5px}
.sj_left .content{
    float: left;
    width: 100%;
    border-top:1px solid #ececec;
    margin-top:10px;
    padding-top:20px;
    padding-bottom: 30px;
}
.sj_left .content .mtit{
    float: left;
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    color:#000;
}
.sj_left .content .tlist{
    
    float: left;
    width: 100%;
}
.sj_left .content .tlist .slist{
    
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
    line-height: 26px;
}
.sj_left .content .tlist .slist img{max-width:100%;object-fit:contain}
.sj_left .content .tlist .slist .name{
    
    float: left;
    width: 100%;
    margin-bottom: 5px;
    color:#000;
    line-height: 30px;
}
.sj_left .content .tlist .slist .name .fz_sign{color:red}
/*.sj_left .content .tlist .slist .name_sign{float:left;width:90px}
.sj_left .content .tlist .slist li{float:left;width:calc(100% - 90px)}*/
.sj_left .content .tlist .slist .sele{
    
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color:#000;
}
.sj_left .content .tlist .slist .sele li{
    
    float: left;
    width: 100%;
    line-height: 30px;
    
}
.sj_left .content .tlist .slist .layui-form-radio>*{font-size:18px}
.sj_left .content .tlist .slist .sele li .layui-unselect{display:flex}
.sj_left .content .tlist .slist .result,.sj_left .content .tlist .slist .fresult{
    
    float: left;
    width: 100%;
}

.sj_left .content .tlist .slist .fresult{
    background-color: #ececec;
    padding: 0px 5px 0px;
}
.sj_left .content .tlist .slist .fresult span{
   float: left;
    
}
.sj_left .content .tlist .slist .fresult .match{
    
    float: right;
    margin-left: 10px;
    font-weight: bold;
}
.sj_left .content .tlist .slist .fresult .layui-icon-ok{
   float: left;
   color: green;
   font-weight: bold;
   font-size: 18px;
   margin-left:10px;
}

.sj_left .content .tlist .slist .fresult .layui-icon-close{
   float: left;
   color: var(--main-color);
   font-weight: bold;
   font-size: 18px;
   margin-left:10px;
}

.sj_left .content .tlist .slist .fresult{
    background-color: #ececec;
    
}
.sj_left .content .tlist .slist .fresult u{
    padding:10px;
    
}
.sj_left .content .tlist .slist .ck_result{
    
    float: left;
    width: 100%;
}
.sj_left .content .tlist .slist .ck_result .tit{
    float: left;
    width: 100%;
    line-height: 30px;
}
.sj_left .content .tlist .slist .ck_result .layui-textarea{float:left;margin-bottom:20px}
.sj_left .content .tlist .slist .ck_result .layui-textarea.my{background-color:#ececec}
.sj_left .content .tlist .slist .result .result_tit{
    float: left;
    line-height: 28px;
    margin-top:6px;
    color:#000;
}
.sj_left .content .tlist .slist .result .layui-anim.layui-icon{
   
    /*color: #16b777;*/
}
/*.layui-form-radioed>i{color: #16b777;}*/
.sj_left .content .tlist .slist .result .layui-form-radio>i{font-size:18px!important}
.sj_left .content .tlist .slist .result .layui-form-checkbox[lay-skin=primary]{
    margin-top:6px;
    height: 28px!important;
}
.sj_left .content .tlist .slist .result .layui-form-checkbox[lay-skin=primary]>div{
    line-height: 28px!important;
}
.sj_left .content .tlist .slist .result .layui-form-checkbox[lay-skin=primary]>i{top:5px}
.sj_left .content .tlist .slist .title_tit{
    border: 0px;
    border-bottom:1px solid #4e4e4e;
    padding:3px ;
    box-sizing: border-box;
    padding-left:10px;
}
.sj_left .submit_colum{float:left;width:100%;text-align:center}
.sj_left .submit_colum .layui-btn{background-color:var(--main-color)}
.sj_left .submit_notice{
    
    float: left;
    width: 100%;
    line-height: 30px;
    color: var(--main-color);
    font-size: 14px;
}
.sj_left .layui-form-checkbox>div{font-size:18px}
.sj_left .type3 .result{font-size:16px!important}
.layui-form-checkbox{width:100%;display:flex}
.layui-form-checkbox[lay-skin=primary]>div{line-height:30px;}
.layui-form-checkbox[lay-skin=primary]>i{margin-top:6px}
.sj_right{
    float: right;
    
    width:295px;
    
    right: calc(50% - 600px);
    /*right: calc(50% - 485px);*/
   /* width: 365px;
    right: calc(50% - 555px);*/
    top:0px;
    margin-left: 20px;
    max-height: 95%;
    overflow: auto;
    
    bottom: 100px;
    padding-bottom: 50px;
}
.sj_right .sj_list{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 0px 0px 0px 10px;
    box-sizing: border-box;
    
    bottom: 170px;
}
.sj_right .sj_slist{
    
    float: left;
    width: 100%;
}
.sj_right .sj_list .mtit{
    
    float: left;
    width: 100%;
    line-height: 40px;
    font-size:18px;
}

.sj_right .sj_list .tit{float:left;width: 30px;height: 30px;background-color:#ececec;line-height:30px;text-align: center;margin-right:5px;margin-bottom:5px;cursor:pointer;position:relative;font-size:14px}
.sj_right .sj_list .tit .wsign{
    position: absolute;
    font-size: 8px;
    top: 0px;
    right: 0px;
    line-height: 8px;
    color:red;
}

/*.sj_right .sj_list .tit:nth-child(9n + 9){margin-right:0px!important}*/
.sj_right .sj_list .tit.active{background-color:blue !important;color:#fff!important}
.sj_right .sj_list .title_active{border:1px solid var(--main1-color)}
.sj_right .sj_list .tit.sele{border:2px solid var(--main1-color) }
.sj_right .sj_list .tit.nclick{    pointer-events: none;}
.sj_right .tj_list{
    
    float: left;
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
   /* padding: 10px;*/
    padding: 0px 10px 0px 10px;
}
.sj_right .tj_slist{
    float: left;
    width: 100%;
}
.sj_right .tj_list .mtit{
    float: left;
    width: 100%;
    border-bottom: 1px solid #ececec;
    line-height: 40px;
}
.sj_right .tj_list .mtit span{
    float: left;
    font-weight: bold;
    font-size: 18px;
}
.sj_right .tj_list .mtit a{
    float: right;
    font-size:16px
}
.sj_right .tj_list .tj_slist a{
    float: left;
    line-height: 22px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 8px;
}
#pay_mask {text-align:center}
#pay_mask img{width:200px;height:200px;margin:0 auto}
#pay_mask span{float:left;width:100%;line-height:30px;text-align:center}

.sj_right::-webkit-scrollbar {
  width: 0px;
  background-color: transparent;
}
.sj_right .tt_list{
    float: left;
    width:100%;
    background-color: #fff;
}
.sj_right .tt_list span{
    float: left;
    width:100%;
    line-height: 40px;
    font-size: 16px;
    padding:0px 10px;
    box-sizing: border-box;
    cursor: pointer;
    /*border-bottom:10px solid #f4f5f6;*/
    
}
.sj_right .tt_list .active{background-color:var(--main-color)!important;color:#fff}
.review_notice{
  float: left;
  width: 100%;
  text-align: center;
  margin-top:30px;
}




    .saction_list{
        float: left;width: 100%;  
    float: left;
    width: 100%;
    border-bottom: 1px solid #129aee;
    border-top: 1px solid #129aee;
    
    box-sizing: border-box; 
    
        
    }
    
    .saction_list .res_btn{float:left;font-size:14px;cursor:pointer;margin-right:30px;}
    .saction_list .res_btn .pnum{
    font-style: normal;
    padding: 0px 3px;
        
    }
    .saction_list .active{color:var(--main-color)}
    .saction_list .sign_btn{float:right;font-size:14px;cursor:pointer}
    .saction_list .asign_btn{float:right;font-size:14px;cursor:pointer;color:var(--main-color)}
    .saction_slist{float:left;width:100%;display:none;margin-top:10px;font-size:16px;line-height:28px;padding: 5px 0px;;box-sizing:border-box}
    .saction_slist .layui-btn{float:right}
    .saction_slist .mtit_list{ float: left;width: 100%;font-weight: bold; }
    .saction_list .ping_list li{float:left;width:100%;}
    .saction_list .ping_list li .date{float:left;width:120px}
    .saction_list .ping_list li .con{float:left;width:calc(100% - 160px);}
    .saction_list .ping_list li .del{
        float: right;
    font-size: 14px;
    color: red;
    cursor: pointer;
    }
    .sj_right .tit{position:relative}
    .sj_right .sign_r{
        
    float: left;
    position: absolute;
    font-style: normal;
    bottom: 0px;
    line-height: 10px;
    font-size: 10px;
    right: 0px;
    }
    .sj_right .tit{position:relative}
    .sj_right .sign_r{
        
    float: left;
    position: absolute;
    font-style: normal;
    bottom: 0px;
    line-height: 10px;
    font-size: 10px;
    right: 0px;
    }
    
    /*new*/
    .sj_left .content .tlist .glist{float:left;width:100%;}
    .sj_left .content .tlist .glist6{font-weight:bold;line-height:30px}
    .sj_left .content .tlist .tsele_list{float:left;width:100%;font-size:18px;line-height:28px;margin-bottom:10px}
    .sj_left .content .tlist .tsele_list .tsele_tit{float:left;width:100%;font-weight:bold}
    .sj_left .content .tlist  .tsele_list li{float:left;width:100%;margin-bottom:10px}
    .sj_left .content .tlist .slist .asele{
    
    float: left;
    width: 100%;
    }
    
    .sj_left .content .tlist .gslist .slist .asele li{float:left}
    .answer_list{background-color:#ececec}
    .layui-btn-disabled{pointer-events:none}
    
    .title_list{
        float: left;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 10px;
    box-sizing: border-box;
    
    }
    .title_list a{
        float: left;
        width: 100%;
        line-height:24px;
        font-size: 16px;
        cursor: pointer;
        padding:0px 10px;
    box-sizing: border-box;
    }
    .title_list .active{
        background-color: var(--main-color);
        color:#ffffff;
    }
    .glart_list,.glxz_list{
        float: left;
        width: 100%;
        
    margin-top: 10px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #ffffff;
    }
    .glart_list a{
        
    float: left;
    line-height: 22px;
    width: 100%;
    font-size: 16px;
    }
    .art_section{
        
    float: left;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
    }
    .art_section .left{
        float:left;
        width: 48px;
        height: 48px;
        margin-right:5px;
    }
    .art_section .left img{float:left;width:100%;height:100%;object-fit:cover}
    .art_section .full{
        float: left;
    width: 100%;
    }
    .art_section .tit {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 4px;
    max-height: 66px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:16px;
   
}
.art_section .info {
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 14px;
    margin-top: 10px;
}
 .art_section .writer,.art_section .ping,.art_section .date {
    float: left;
 }
 .zl_section_down{display:block!important}
 .zl_section_up .title{width:calc(100% - 55px); line-height: 22px!important;font-size:16px!important;margin-left:10px!important}
 .zl_section_up .btn_section {padding-top:0px!important}