.znzt_sjb{ font-size: 14px;}
.znzt_head{ font-size: 15px; position: fixed; height: 48px; background: #fff; left: 0; right: 0;  display: flex; justify-content: space-between; align-items: center; padding: 0 15px; top: 0; z-index: 99;}
.z_logo{ max-height:36px; max-width: 50%;}
.znzt_head_r{ background: url(../img/znzt/jt.svg) no-repeat center right; background-size: 5px auto; padding: 0 10px; font-size: 15px;  }
.znzt_sjb{  min-height: 100vh;}
.znzt__nav{ background: #fff;  position: fixed; bottom: 0; left: 0; right: 0; background: #fff; display: flex; width: 100%; padding: 5px 0; 
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1); z-index: 95; align-items: center;
    }
.znzt__nav a{ width: 100%; color: #939496;}
.znzt__nav> a> i{ width: 28px; height: 28px; display: block; margin: 0 auto; background-size: contain; background-position: center; background-repeat: no-repeat;}

.znzt_i_1{background-image: url(../img/znzt/nav1.svg) ;}
.znzt_i_2{background-image: url(../img/znzt/nav2.svg) ;}
.znzt_i_3{background-image: url(../img/znzt/nav3.svg) ;}
.znzt_i_4{background-image: url(../img/znzt/nav4.svg) ;}
.znzt__nav .this .znzt_i_1{background-image: url(../img/znzt/nav1_this.svg) ;}
.znzt__nav .this .znzt_i_2{background-image: url(../img/znzt/nav2_this.svg) ;}
.znzt__nav .this .znzt_i_3{background-image: url(../img/znzt/nav3_this.svg) ;}
.znzt__nav .this .znzt_i_4{background-image: url(../img/znzt/nav4_this.svg) ;}

.iznzt_i_1{background-image: url(../img/znzt/inav1.svg) ;}
.iznzt_i_2{background-image: url(../img/znzt/inav2.svg) ;}
.iznzt_i_3{background-image: url(../img/znzt/inav3.svg) ;}
 
.znzt__nav .this .iznzt_i_1{background-image: url(../img/znzt/inav1_this.svg) ;}
.znzt__nav .this .iznzt_i_2{background-image: url(../img/znzt/inav2_this.svg) ;}
.znzt__nav .this .iznzt_i_3{background-image: url(../img/znzt/inav3_this.svg) ;}
 


.znzt__nav .this{ color: #83cac6;}
/* .bg_huise{background-color: #f2f2f2;} */
.znzt_sjb .sw_banner{  margin:0; padding: 65px 15px 0 15px; margin: 0 0 20px 0;}
.znzt_sjb .swiper-container,.znzt_sjb .swiper-wrapper{ border-radius: 18px; width: calc(100vw - 30px);}

.znzt_nav_newx ul{ display: flex; padding: 0 10px;}
.znzt_nav_newx i{ display: block; margin: 0 auto; width: 36px; height:48px;background-size: contain; background-position: center; background-repeat: no-repeat;}
.znzt_n_1{background-image: url(../img/znzt/i1.svg) ; }
.znzt_n_2{background-image: url(../img/znzt/i2.svg) ; }
.znzt_n_3{background-image: url(../img/znzt/i3.svg) ; }

.this .znzt_n_1{background-image: url(../img/znzt/i1_this.svg) ; }
.this .znzt_n_2{background-image: url(../img/znzt/i2_this.svg) ; }
.this .znzt_n_3{background-image: url(../img/znzt/i3_this.svg) ; }


.znzt_nav_newx li{ color: #81c9c5; width: 33.3%; background: #fff; margin: 0 6px; border-radius: 12px; padding: 20px 0;}.znzt_nav_newx li.this{ background-color: #81c9c5; color: #fff;}

.znztt_listw{ padding: 15px;}
.znztt_list{ font-size: 14px; background: #fff; border-radius: 18px;  padding: 15px 20px 0 20px;}
.znztt_list dl{    text-align: left; position: relative; padding: 10px 5px 12px 78px;  }
.znztt_list dl dt{ color: #81c9c5;   width: 70px; position: absolute; left: 0; text-align: left;padding:  10px ;}
.znztt_list dl dt::after{ display: block; width: 1px; height:18px; background-color:#dfdfdf ; content: ""; right: 0; position: absolute; top: 10px; }
.znztt_list dd{  display: inline-block; min-width: 32%; font-weight: bold;}
.znztt_list dd a{padding:  10px 0 10px 18px ; display: block;}
.znztt_list dl:nth-last-of-type(1)::after{ display: none;}

.znzt_dy_n{ font-size: 14px;  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 98; background: #fff;border-radius: 0 0 18px 18px ;transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; }
.znzt_dy_n_kin{ max-height: 70vh; padding: 30px;  overflow-y: auto; }
.znzt_dy_n_br{transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; background-color: rgba(0, 0, 0, 0);top: 48px; left: 0; right: 0; bottom: 0; position: fixed; z-index: 97;}
.this.znzt_dy_nw .znzt_dy_n_br{background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(20px);}
.znzt_dy_nw:not(.this) .znzt_dy_n_br{ pointer-events:none;}
.btn-lan{ background: #243153; color: #fff; padding: 10px 0;}
.btn-lan:hover{ color: #fff;}

.znzt_dy_n .btn-lan{ margin: 0 30px 40px 30px; width: calc(100% - 60px);}
.znzt_dy_n .btn{ border-radius: 8px;}
.znzt_dy_n_kin{ text-align: left;}
.znzt_dy_n_kin dt{ color: #8e8e8e; font-weight: normal;}

.znzt_dy_n_kin dl{ padding-bottom: 15px;}
.znzt_dy_n_kin dt{ padding-top: 15px;}

.duoxuan_sjb{ margin-right: -10px;}
.duoxuan_sjb label {display: inline-block; width:calc( 33.3% - 15px);margin-right: 10px;}
.duoxuan_sjb label span{ border: 1px solid #e7e7e7; padding: 10px ; width: 100%; display: block; border-radius: 8px; text-align: center; margin-top: 10px;}
.duoxuan_sjb input:checked ~ span{ border: #81c9c5; color: #fff; background-color: #81c9c5;}
.duoxuan_sjb input{ display: none;}
.znzt_dy_n{ max-height: 0; overflow: hidden;}
.this.znzt_dy_nw .znzt_dy_n{ max-height: calc(100vh - 48px);padding-top: 48px;}

.fanhui_jt_{ background: url(../img/znzt/fanhui_jt.svg) no-repeat center; background-size: 24px auto;  width: 48px; height: 48px; position: absolute; left: 0;}
.znzt_head_kin{ width: 100%;  height:100%; display: flex; align-items: center; margin: 0 ; justify-content: center;}
.znzt_head_kin a{ margin: 0 15px; height: 100%;display: flex; align-items: center; position: relative; font-size: 16px; }
.znzt_head_kin a.this::after{ position: absolute; content: "";  height: 1px; width: 40px; left: 50%; bottom: 0; margin-left: -20px; background: #81c9c5;}
.znzt_head_kin a.this{  color: #81c9c5;}
.znzt_head_brx{ height: 48px;}
.znzt_head_kin_tab{ padding-top:10px ; justify-content: flex-start;}
.znzt_head_kin_tab.znzt_head_kin a{ padding: 10px 0;}
.znzt_head_kin_tab ~ .znztt_listw{ background-color: #fff; border-radius: 0; margin: 0;}
.znzt_head_kin_tab ~ .znztt_listw .znztt_list{  padding: 0;}

/* 用户中心 */
.znzt_user{ background:#81c9c5 url(../img/znzt/user.png) no-repeat; background-size: 100% auto; color: #fff; display: flex; text-align: left; padding:80px 20px 80px 20px; align-items: center; position: relative; font-size: 14px; border-radius: 0 0 18px 18px;}
.znzt_head_user{ background:#81c9c5 ; color: #fff;}
.znzt_txx{ margin-right: 20px; width: 80px; height: 80px; border-radius: 50%;}
.znzt_txx img{width: 80px; height: 80px; overflow: hidden; border-radius: 50%;}
.znzt_bianjix{ width: 40px; height: 40px; background: url(../img/znzt/bianjix.svg) no-repeat center;  background-size: 20px auto; position: absolute; right:20px; bottom: 60px;}

.znzt_ur_nav_k{ margin: 20px 15px; position: relative; margin-top: -40px;}
.znzt_ur_nav_k .ur_nav_c{  background-color: rgba(255, 255, 255,.7);
    backdrop-filter: blur(20px); border-radius: 18px; padding: 15px 15px 10px 15px;  
        background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 59%, rgba(255,255,255,0.98) 60%, rgba(255,255,255,0) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 59%, rgba(255,255,255,0.98) 60%, rgba(255,255,255,0) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 59%, rgba(255,255,255,0.98) 60%, rgba(255,255,255,0) 100%);
        }
.znzt_ur_nav_k .ur_nav_c p:nth-of-type(1) a{ border-top: none;}
.znzt_ur_nav_k .ur_nav_c p a{ padding-left: 0;}
.znzt_ur_nav_k .ur_nav_c a:after{ top: 32px; color: #000; right: 0;}

.znzt_biaotix {  text-align: left; color: #243153; border-radius: 18px 18px 0 0;}
.znzt_biaotix h1{ font-size: 24px; font-weight: bold;padding: 20px 15px 10px 15px; margin: 0;}
.znzt_bt_x{ border-radius: 18px 18px 0 0; background: #fff;padding:   15px;}
.znzt_bt_x{ font-size: 16px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);}
.neirongx{ padding: 15px 15px 40px 15px; text-align: left;}
.znzt_btn_gougmai{ justify-content: flex-end; min-width: 50%; display: flex; align-items: center;}
.znzt_btn_gougmai button{ margin-right:15px; border: none; border-radius: 12px; background: #ffac0d; color: #fff; width:80%; height: 44px; 
 
        background-image: -moz-linear-gradient( 0deg, rgb(255,182,43) 0%, rgb(255,152,42) 100%);
        background-image: -webkit-linear-gradient( 0deg, rgb(255,182,43) 0%, rgb(255,152,42) 100%);
        background-image: -ms-linear-gradient( 0deg, rgb(255,182,43) 0%, rgb(255,152,42) 100%);
    
            
     }
     .fanhui_jt_ ~ .znzt_left{ padding-left: 30px;}
/* 支付 */
 

.znzt_zhifu_k{ font-size: 14px;  box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; left: 0; right: 0; z-index: 122; background: #fff;border-radius:  18px 18px 0 0 ;transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; max-height: 0;}
.znzt_zhifu.this .znzt_zhifu_k{ max-height: 100vh;}
.znzt_zhifu_br{transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out; background-color: rgba(0, 0, 0, 0);top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 100;}
        .znzt_zhifu.this .znzt_zhifu_br{background-color: rgba(0, 0, 0, 0.2);backdrop-filter: blur(20px);}
        .znzt_zhifu:not(.this) .znzt_zhifu_br {pointer-events:none;}
.btn_lvse{ border: 1px solid #4fb821;background: #4fb821; color: #fff;}
.btn_cheng{ border: 1px solid #ffac0d;background: #ffac0d; color: #fff;}
.btn_moren{ border: 1px solid #999999; background: #fff;}
.znzt_fu_btn{ padding: 20px ;}
.znzt_fu_btn .btn{padding: 12px 0; margin-top: 15px; font-size: 16px; border-radius: 8px;}
.znzt_fu_btn .btn:nth-of-type(1){ margin-top: 0;} 
.znzt_fu_kin dl{ display: flex; justify-content: space-between; padding: 15px 0; margin: 0 20px;}
.znzt_fu_duoxuan{ text-align: left;}
.znzt_fu_duoxuan label,.znzt_fu_duoxuan label:active{ color: #000;}
.znzt_fu_duoxuan span{ padding-left: 24px; position: relative; display: block; color: #000; }
.znzt_fu_duoxuan input:disabled ~ span{ color: #ccc;}
.znzt_fu_duoxuan span::before{ transform:scale(.6);
    font-family: "iconfont";
    content: ""; left: 0;
    display: inline-block; vertical-align: top;  position: absolute; top:-2px;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    width: 24px; height: 24px; text-align: center; line-height: 24px;
    }
  .znzt_fu_kin  {font-size: 16px;}
  .znzt_fu_kin dl dt{ color:#979797; font-weight: normal;}
  .znzt_fu_duoxuan input:checked ~ span::before{ content: "\e7a3"; font-size: 11px; color: #4fb821;}
  .znzt_fu_duoxuan input:checked ~ span{ color: #000;}
 
  .znzt_fu_duoxuan2 span{ border: 1px solid #ccc; padding: 8px 20px; border-radius: 18px; font-size: 15px; margin-left: 10px;}
  .znzt_fu_duoxuan2 span.this{ color: #fff; border-color: #243153; background-color: #243153;}
  .znzt_zf_wxx{ text-align: center; padding:  40px 0 20px 0;}
  .znzt_zf_wxx img{ margin: 0 auto; clear: both; display: block; width:80px;}
  .znzt_fu_kin dd{ max-width: calc(100% - 100px); text-align: right;}
  .znzt_fu_kin dd.color_cheng{  padding-left: 10px;}
  .znzt_xz_list{ max-height:30vh; overflow-y: auto; font-size: 14px;}

  .znzt_zhifu_input{ height: 40px; border: none; text-align: right; } 
  .align_c { align-items: center;}
  .align_c dt,  .align_c dd{ align-items: center; display: flex;}
  .align_c label{ margin: 0;}

  .znzt_fu_kin .login_tishi{ margin:  20px;}

  .neirongx hr{ display: none;}
  .znzt_sjb  .panel-info{     -moz-box-shadow: 0 0 10px rgba(0,0,0,0);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0);
    box-shadow: 0 0 10px rgba(0,0,0,0); border-bottom: 1px solid #e7e7e7;}
    .znzt_sjb  .panel-info>.panel-heading{ border-radius: 18px 18px 18px 4px; border: none; 
    
            background-image: -moz-linear-gradient( -180deg, rgb(164,220,217) 3%, rgb(130,201,197) 100%);
            background-image: -webkit-linear-gradient( -180deg, rgb(164,220,217) 3%, rgb(130,201,197) 100%);
            background-image: -ms-linear-gradient( -180deg, rgb(164,220,217) 3%, rgb(130,201,197) 100%);   
            box-shadow: 0px 0px 5px 0px rgba(161, 218, 215, 0.3);        
       }
    .znzt_sjb  .panel-body>.row>.col-md-12{ padding: 0 4px;}

    .znzt_sjb .znzti_left{ position: relative; background: #fff;color: #243153; padding-left: 0; padding-right: 0;  padding-bottom: 0;}
    .znzt_sjb  .znzti_left:not(.this) .znzti_t .color_cheng,   .znzt_sjb .znzti_left:not(.this) .znzti_t {
        color: #243153; height: auto; overflow: inherit;
    }

    .znzt_sjb .znzti_left.this::after{ display: none;}
    .znzt_sjb .znzti_left.this{ -moz-box-shadow: 0 0 10px rgba(0,0,0,0);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0);
        box-shadow: 0 0 10px rgba(0,0,0,0);  
            
          }
          .znzt_sjb .znzt_sjb .znzti_left.this .znzti_k{ max-height: 75vh;}

        .znzt_sjb .znzti_t i.iconjt_bx{ width: 15px; height: 15px; border-radius: 50%; background: #243153; color: #fff; font-size: 12px; text-align: center;}
        .znzt_sjb .znzti_left .iconjt_bx:before{ position: relative; top: 0;}
        .znzt_sjb .znzti_left.this .iconjt_bx:before{ position: relative; top: -1px;}
        .znzt_sjb .video-course-intro .video-place{ border-radius: 18px;}


        .znzt_sjb .title-ct .create-item * {
            font-size: 16px;
        }
        .znzt_sjb label.bui-switch-label{ min-width: 24%; display: inline-block;}
        .znzt_sjb label.bui-switch-label span{ text-align: center; min-width: 25px; display: inline-block;}
        .znzt_sjb .cy_videokl{    display: block;
            position: initial;
            left: auto;
            top: auto;
            overflow: inherit;
            height: auto;
            -moz-box-shadow: 0 10px 10px rgba(0,0,0,0);
            -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);
            box-shadow: 0 10px 10px rgba(0,0,0,0);
            padding-bottom:60px;
            padding-left: 0;
            z-index: 1;
            border: none;
        }
        .znzt_sjb .cy_videokl .title-ct{ padding-top: 0;}
        .znzt_sjb .btn_zhenti_submit  { padding: 15px 0; border-radius: 8px; background-color: #81c9c5; border: none; font-size: 16px;} 
        .znzt_sjb  label.bui-switch-label input:checked + .bui-switch{background-color: #81c9c5;}
        label.bui-switch-label .bui-switch{    background-color: #fea899;}
        .znzt_sjb   .cy_videokr .cy_videokl .cy_videokl_in{ padding-right: 0;}
        .znzt_sjb   label.bui-switch-label .bui-switch { margin-left: 0;}
        .znzt_sjb .wulouai_t_list{ padding-top: 10px; background: #fff; z-index: 2; position: relative;}
        .znzt_sjb .panel-heading .wulouai_t_list{ margin-top: 0; background: none;}
        .znzt_sjb .wulouai_t_list ul{ background: #243153;}
        .znzt_sjb .wulouai_t_list li.this a{ color:#243153 ;}
        .znzt_biaotix ~ .bg_bai  { position: relative; z-index: 2;}

        .fd_btn_ch{ width: 50%; height: 40px; bottom: 8px; right: 0; left: auto; background: #fff; border: none; display: flex; z-index: 100;}

        .znzt__nav_cy2{ padding-right: 50%;}
        .fx__right .a_titile .btn.btn-warning{ color: #fff;}

.znzt_kefuw{ background: url(../img/znzt/kefu.png) no-repeat; background-size: 100% auto;}
.znzt_kefu_boby .znzt_head,.znzt_sjb_user .znzt_head{ background: none;}
.znzt_kefu{ height: 300px;  padding-top: 80px; text-align: left; padding-left:30px;}
.znzt_kefu h1{ font-size: 21px;} 
.znzt_wt_listx{ border-radius: 18px; background-color: #fff;margin: 0 20px 20px 20px; text-align: left; padding: 20px; margin-top: -120px;}
.znzt_wt_listx a{ padding: 10px 0; display: block; font-size: 16px;}
.znzt_wt_listx a:after {
    content: "\e7a2";
    font-family: iconfont;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-right: -10px;
    right: 16px;
    color: #000;}
.znzt_wt_listx li:nth-last-of-type(1)::after{ display: none;}
.znzt_kefubtn{ padding: 0 20px;}


.znzt__nav .fd_btn_ch{ position: initial;  padding: 0 10PX 0 0; height: 100%; display: flex; align-items: center;;}
.znzt__nav .fd_btn_ch a{color: #fff ;display: flex; align-items: center; justify-content: center}
.znzt__nav .fd_btn_ch i{ display: inline-block; height: auto; margin: 0;}

.kf_ewm{ background: #fff;    border-radius: 18px;margin: 0 20px 20px 20px;
    text-align: center;
    padding: 20px;
    font-size: 16px;}
    .kf_ewm img{ width: 50%; display: block; margin: 0 auto 10px auto;}