.ks_colum{
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}
/*.ks_section{
    float: left;
    width: 100%;
    height: 100%;
    overflow: auto;
    
    box-sizing: border-box;
    
}
.ks_section .sele{float:left;width:100%}
.ks_section .sele li,.ks_section .fresult li{float:left;width:100%;line-height:30px}
.ks_section .fresult li span{float:left;margin-right:20px}
.ks_section .fresult li .layui-icon-ok{float:left;color:var(--main-color)}
.ks_section .fresult li .layui-icon{float:left;}*/

.ck_result{float:left;width:100%;line-height:30px;margin-bottom:15px}
.ck_result .ckan,.ck_result .myan{float:left;width:100%}

.layui-carousel{
    background-color: #ffffff!important;
}
.layui-carousel>[carousel-item]>*{
    background-color: #ffffff!important;
    
}
.mtitle{
    
    float: left;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
}
.btn_section{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
}
.btn_section .layui-btn{background-color: #20a53a;}
.nshow{display:none}
.layui-form-radio{display:flex}
.layui-form-checkbox{width:100%;display:flex}
.layui-form-checkbox[lay-skin=primary]>div{line-height:30px;font-size:18px;color:#000;
    overflow: visible;
    white-space: normal;}
    .layui-form-checked[lay-skin=primary]>i{color:#ffffff!important;background-color:var(--main-color)!important;border:var(--main-color)!important}
.layui-form-checkbox[lay-skin=primary]>i{margin-top:6px}
.layui-form-checkbox[lay-skin=primary]:hover>i{border:1px solid var(--main-color)!important}
.layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{color:var(--main-color)!important}
.layui-form-radio>*{font-size:18px}
.title_tit{
    border: 0px;
    border-bottom:1px solid #4e4e4e;
    padding:3px ;
    box-sizing: border-box;
}

.pay_notice{float:left;width:100%}
.pay_notice li{float:left;width:100%;text-align:center;line-height:30px;margin-bottom:20px}
.pay_notice li span{color:var(--main-color)}


    .ks_form{
        float:left;width:100%;height:100%;position:relative;padding:10px;box-sizing: border-box;margin-top:45px;
        
    }
    .sele_colum{
    display: flex;
    padding-bottom:10px;
    position: fixed;
    top: 10px;
    background-color: #ffffff;
    z-index:999; 
    left: 10px;
    right: 10px;
    }
    .sele_colum span,.sele_colum a{float:left;padding:5px;color:var(--main-color);border:1px solid var(--main-color);text-align:center;width:calc(25% - 8px);margin-right:10px}
    .sele_colum .active{background-color:var(--main-color);color:#fff;}
    .sele_colum span:last-child{margin-right:0px!important}
    
    
    
    .mySwiper2{
        height: 100%;
       width: 100%;
       float: left;
    }
    .mySwiper2 img{float:left;max-width:100%; object-fit:contain ;height:auto!important; /* object-fit: cover;*/}
     .mySwiper2 p{/*display:grid*/}
    .swiper-slide {overflow: auto;}
    .review_notice{float:left;width:100%;text-align:center;line-height:30px;color:#999}
    .swiper-slide::-webkit-scrollbar {width: 0; }
    .name_infor{margin-bottom:0px}
    .name_infor .layui-form-label{text-align:left;padding-left:0px;padding-right:0px;width:50px;font-size:18px}
    .name_infor  .name_section{margin: 0 0 10px 55px!important;;font-size:18px}
    .name_infor .layui-inline{margin-bottom:10px}
    .smlist{float:left;width:100%;font-size: 18px;margin-bottom:15px;line-height:28px}
    
    
    .ftlist{float:left;width:100%;}
    .ftlist .mtitle{float:left;width:100%}
    .ftlist .tg{float:left;width:100%;font-size:16px;line-height:24px;margin-bottom:10px}
    .ftlist .tsele_list{float:left;width:100%;margin-bottom:15px;font-size:18px}
    .ftlist .tsele_list .tsele_tit{ float:left;width:100%;   line-height: 30px;font-weight:bold}
    .ftlist .tsele_list li{float:left;width:100%;line-height:28px}
    .ftlist .tsele_list span{float:left;width:100%;line-height:30px;font-size:18px}
    
    .tlist{float:left;width:100%;font-size: 18px;margin-bottom:15px}
    .tlist .slist{float:left;width:100%;}
    .tlist .title{float:left;width:100%;line-height:28px;margin-bottom:15px;}
    .tlist .sele,.tlist .msele{float:left;width:100%;margin-bottom:15px;}
    .tlist .msele li{float:left;width:100%;margin-bottom:0px;padding:3px;box-sizing:border-box}
    .tlist .msele li .layui-icon{width:20px;height:20px;margin-top:3px}
    .tlist .result{float:left;width:100%;display:flex;margin-bottom:15px}
    .tlist .result1{   float: left;width: 100%;}
    .tlist .result1 .layui-form{float:left;width:100%;display:flex;margin-bottom:15px}
    .tlist .result1 .layui-textarea{float:left;width:100%;display:flex;margin-bottom:15px}
    .tlist .uinput {
        cursor: pointer;
        border-bottom: 1px solid #000000;
        word-wrap: inherit;
        padding: 0px 10px;
        word-break: break-all;
    }
    .tlist .uinput {
        display: inline-block;
        width: 100px;
        height: 20px;
    }
    
    
    .tlist .saction_list{
       float: left;
       width: 100%;
    background-color: #ececec;
    padding: 10px 5px;
    box-sizing: border-box;
    }
    .tlist .saction_list .saction_slist{float: left;width: 100%;margin-top:15px;text-align:left}
    .tlist .saction_list .res_btn{padding: 0px 5px!important; background-color: #20a53a;     }
    .tlist .saction_list .res_btn.active{ background-color: #1b9306!important;   }
    .tlist .saction_list .ping_sub_list{
        display: flex;
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    }
    .tlist .saction_list .answer_list,.tlist .saction_list .jx_list,.tlist .saction_list .ping_list{display:none}
    .tlist .saction_list .jx_list{line-height:26px}
    .tlist .ping_list .mtit_list{
        float: left;
        width: 100%;
        font-weight: bold;
    }
    .tlist .ping_list .ping_slist{
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .tlist .ping_list li{
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 14px;
    }
    .tlist .ping_list li .date{
        float: left;
        width: 120px;
    }
    .tlist .ping_list li .con{float:left;}
    
    
    #check_mask{padding-left:10px;padding-bottom:10px;padding-top:10px;box-sizing:border-box;float:left}
    #check_mask .sj_list{float:left;width:100%}
    #check_mask .sj_slist{float:left;width:100%}
    #check_mask .mtit{float:left;line-height:30px;width:100%}
    #check_mask .tit{float:left;border:1px solid #999;color:#999;margin-right:10px;height:30px;width:30px;line-height:30px;margin-bottom:5px;text-align:center;position:relative}
    #check_mask .tit .sign_r{
        position: absolute;
        bottom: 0px;
        right: 0px;
        line-height: 10px;
    }
    #check_mask .active{background-color:blue;color:#ffffff;border:1px solid blue!important}
    #record_mask{padding:11px;box-sizing:border-box;float:left;font-size:16px}
    #record_mask .item{float:left;width:100%;margin-bottom:10px;border-bottom:1px solid #ececec;padding-bottom:5px}
    .layui-btn-disabled{pointer-events: none;}
    
    .gl_sign{float:left;width:100%;line-height:30px;font-size:14px}
    .show_num_section{float:left;width:100%;line-height;30px;font-size:18px;margin-bottom:10px;font-weight:bold;text-align:center}
    .layui-layer-title{font-size: 18px;}
    .radio_title .layui-form-radio div,.checkbox_title .layui-form-checkbox div{width:100%;display:inline}
    .cot{width:calc(100% - 50px)!important;display:inline}
    .cot img{display:block}
    .layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:0px}
    
    .uinfor_colum{
        
    float: left;
    width: 100%;
    margin-bottom: 10px;
    }
    .uinfor_colum .user_section {
    float: left;
    width: calc(100% - 70px);
    height: 50px;
    box-sizing: border-box;
}
.uinfor_colum .user_section img {
    float: left;
    width: 45px;
    height: 45px;
    margin-top: 5px;
    border-radius: 50%;
    object-fit: cover;
}
.uinfor_colum .user_section li {
    float: left;
    width: calc(100% - 70px);
    padding-left: 5px;
    box-sizing: border-box;
    margin-top: 8px;
}
.uinfor_colum .user_section .name {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 16px;
}
.uinfor_colum .user_section .com {
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 15px;
    max-height: 240px;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-box-pack: left;
    -webkit-box-align: left;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #555555;
    text-align: left;
    font-size: 14px;
}

.gz_btn {
    float: left;
    line-height: 30px;
    font-size: 13px;
    background-color: #4e4e4e;
    color: #ffffff;
    margin-top: 10px;
    width: 60px;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
}

.agz_btn {
    background-color: var(--main-color);
    color: #ffffff;
}
.noclick{border:1px solid #ececec!important;color:#ececec!important;pointer-events:none}
 .preswiper{
    position: fixed;
    background-color: rgb(0,0,0,1);
    z-index: 9999;
    width: 100%;
    top: 0px;
    bottom: 0px;
 }
 .wrong_sele{
     color:red!important;
 }
 
 
.ar_pay_btn {
    float:left;
    width: 100%;
    text-align: center;
}
.ar_pay_btn span{
  
    margin: 0 auto;
    display: block;
    
    padding-left: 5px;
    padding-right: 5px;
    max-width: 200px;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    margin-top:30px;
    
    line-height: 40px;
    font-size: 13px;
    background-color: rgba(245,168,0,1.00);
    color: #ffffff;
}